/* CSS Document */

body{
	background-color:#231f20;
	font-family:plutolight,'lucida grande',arial,verdana;
	font-size:14px;
	}
	
p{
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	margin-bottom:15px;
	}
	
a{
	color:#1f8ace;
	text-decoration:none;
	
	}
	
a:hover{
	color:#1f8ace;
	text-decoration:underline;
	
	}
	
h2{
	font-size:36px;
	font-weight:normal;
	padding:30px 0 10px 0;
	text-transform:uppercase;
	}
	
h3{
	font-size:24px;
	line-height:30px;
	font-weight:normal;
	padding:0 0 30px 0;
	text-transform:uppercase;
	color:#cccccc;
	}
	
h4{
	font-size:14px;
	font-weight:normal;
	padding:0 0 10px 0;
	text-transform:uppercase;
	color:#999999;
	}
	
.clear{
	clear: both;
	}
	
.ligne{
	margin:0 0 30px 0;
	height:10px;
	border-bottom:solid 1px #cccccc;
	}

.section{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
	
.col1{
		width:460px;
		float:left;
		position:relative;
	}

.col2{
		width:460px;
		float:right;
		position:relative;
	}

#navfooter{
		width:460px;
		float:right;
		position:relative;
	}
	
#navfooter a{
	font-size:18px;
	text-transform:uppercase;
	line-height:24px;
	}
	
#navfooter a:hover{
	text-decoration:none;
	color:#ffffff;
	}
	
#navfooter li{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #444444;
	}
	
#navfooter h3{
	font-size:18px;
	text-transform:uppercase;
	}

.col3{
		width:260px;
		float:left;
		position:relative;
	}
	
.col4{
		width:660px;
		float:right;
		position:relative;
	}

#mandat{
		width:160px;
		float:left;
		position:relative;
	}
	
#mandat ul{
	margin-bottom:20px;
	}
	
#mandat li{
	font-size:14px;
	color:#333333;
	border-bottom:solid 1px #cccccc;
	padding:5px 0 5px 0;
	}
	
#mandat p{
	font-size:14px;
	color:#333333;
	}
	
#piece{
		width:760px;
		float:right;
		position:relative;
	}
	
.fleche{
	height:25px;
	position: relative;
	}
	
	
#nav{
	background-color:#ffffff;
	width:100%;
	height:30px;
	margin-top:15px;
	padding-top:15px;
	font-family:plutomedium;
	font-size:12px;
	text-transform:uppercase;
	vertical-align:middle;
	}
	
#nav a{
	color:#1f8ace;
	text-decoration:none;
	}
	
#nav a:hover{
	color:#1f8ace;
	border-bottom-style: solid; 
	border-bottom-width: 3px
	}
#nav a:visited{
	color:#1f8ace;
	text-decoration:none;
	}
	
#nav ul li {
	padding: 3px 0 3px 20px;
	margin-bottom:1px;
	float:left;
}

#nav ul li a {
	display: block;
	color:#1f8ace;
	text-decoration: none;
}

#nav ul{
	float:right;
}

#logo{
	background-color:#231f20;
	width:100%;
	height:150px;
	}
	
#tagline{
	width:660px;
	float:right;
	margin-top:60px;
	}

#tagline h1{
	font-size:24px;
	color:#ffffff;
	font-weight:normal;
	text-align:right;
	text-transform:uppercase;
	}
	
#portfolio{
	background-color:#ffffff;
	width:100%;
	color:#231f20;
	position: relative;
	}
	
	
	
.pageservice{
	font-size:14px;
	line-height:24px;
	list-style-image:url(_images/ico-fleche.gif);
	margin-left:32px;
	}


	
#projets li {
	padding:0 0 15px 0;
	margin:0 0 0 20px;
	list-style-type:disc;
}

	
#projets p{
	font-family:plutomedium;
	font-size:18px;
	text-transform:uppercase;
	color:#231f20;
	margin-top:25px
	}
	

#projets a:hover {
	background-color:#231f20;
	background-image:none;
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
}

#projets a{
	display:block;
	width:200px;
	height:112px;
	border-radius:50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
	font-size:0;
	display:block;
	text-align:center;
	vertical-align:middle;
	padding-top:88px;
	}
	
.categorie{
	background-image:none;
	background-color:#231f20;
	visibility:hidden;
	}
	
.sae2{
	background-image:url(_images/ico-sae-droit.jpg);
	}
	
.mentorat{
	background-image:url(_images/ico-mentorat.jpg);
	}
	
.sae{
	background-image:url(_images/ico-sae.jpg);
	}
	
.agir{
	background-image:url(_images/ico-agir.jpg);
	}
.eo{
	background-image:url(_images/ico-eo.jpg);
	}
.eo-illu{
	background-image:url(_images/ico-eo-2.jpg);
	}
.oc{
	background-image:url(_images/ico-oc.jpg);
	}
.volumat{
	background-image:url(_images/ico-volumat.jpg);
	}
	
.volumat2{
	background-image:url(_images/ico-volumat-2.jpg);
	}
	
.illu{
	background-image:url(_images/ico-illu.jpg);
	}
	
.conf{
	background-image:url(_images/ico-conf-1.jpg);
	}
	
.aelweb{
	background-image:url(_images/ico-ael-2.jpg);
	}
	
.kontakk{
	background-image:url(_images/ico-kontakk.jpg);
	}
	
.cherchegarderie{
	background-image:url(_images/ico-cherchegarderie.jpg);
	}
	
.bottin{
	background-image:url(_images/ico-bottin.jpg);
	}
	
.caprices{
	background-image:url(_images/ico-caprices.jpg);
	}
	
.decantez{
	background-image:url(_images/ico-decantez.jpg);
	}
	
.glace{
	background-image:url(_images/ico-glace.jpg);
	}
	
.ktape{
	background-image:url(_images/ico-ktape.jpg);
	}
	
.plan{
	background-image:url(_images/ico-plan.jpg);
	}
	
.zoneparents{
	background-image:url(_images/ico-zoneparents.jpg);
	}
	
.ael{
	background-image:url(_images/ico-ael.jpg);
	}
	
.tpk{
	background-image:url(_images/ico_tpk.jpg);
	}
	
.sportheque{
	background-image:url(_images/ico_sportheque.jpg);
	}
	
.bbw{
	background-image:url(_images/ico_bbw.jpg);
	}
	
.bbw2{
	background-image:url(_images/ico-bbw-2.jpg);
	}
	
.olip{
	background-image:url(_images/ico_olip.jpg);
	}
	
.physio{
	background-image:url(_images/ico-physio-1.jpg);
	}
	
.decantez2{
	background-image:url(_images/ico-decantez-2.jpg);
	}
	
.tpk2{
	background-image:url(_images/ico-tpk-2.jpg);
	}

a.retour {
	display:block;
	background-color:#231f20;
	width:30px;
	height:30px;
	border-radius:50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
	font-size:0;
	display:block;
	text-align:center;
	vertical-align:middle;
	float:left;
	}

a.retour:hover {
	background-color:#1f8ace;
	background-image:none;
	font-size:18px;
	width:30px;
	height:30px;
	border-radius:50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
	color:#ffffff;
	text-decoration:none;
}
	
p.retour{
	font-size:12px;
	margin:5px 0 0 50px;
	text-transform:uppercase;
	}
	
#services{
	background-color:#;
	width:100%;
	color:#ffffff;
	}
	
#services p{
	font-size:18px;
	line-height:24px;
	padding:9px 0 9px 0;
	}
	
#services li{
	font-size:18px;
	line-height:24px;
	padding:9px 0 9px 0;
	border-bottom:solid 1px #333333;
	}

	
#temoignages{
	background-color:#ffffff;
	width:100%;
	}
	
#temoignages p{
	font-size:24px;
	line-height:36px;
	}
	
#contenu{
	background-color:#ffffff;
	width:100%;
	}
	
#contact{
	background-color:#231f20;
	width:100%;
	color:#ffffff;
	}
	
#contact p{
	font-size:18px;
	line-height:30px;
	padding:9px 0 9px 0;
	}
	
#contact h3{
	font-size:24px;
	line-height:24px;
	font-family:plutomedium;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:15px;
	}
	
#contact a{
	color:#1f8ace;
	text-decoration:none;
	}
	
#contact a:visited{
	color:#1f8ace;
	text-decoration:none;
	}
	
#contact a:hover{
	color:#ffffff;
	text-decoration:none;
	}
	
#footer{
	background-color:#ffffff;
	width:100%;
	height:30px;
	margin-top:15px;
	padding-top:15px;
	font-family:plutomedium;
	font-size:12px;
	text-transform:uppercase;
	vertical-align:middle;
	}
	
#footer a{
	color:#1f8ace;
	text-decoration:none;
	}
	
#footer a:hover{
	color:#1f8ace;
	border-bottom-style: solid; 
	border-bottom-width: 3px
	}
#footer a:visited{
	color:#1f8ace;
	text-decoration:none;
	}
	
#footer ul li {
	padding: 3px 0 3px 20px;
	margin-bottom:1px;
	float:left;
}

#nav ul li a {
	display: block;
	color:#1f8ace;
	text-decoration: none;
}

#footer ul{
	float:right;
}
	
@font-face {
    font-family: 'plutolight';
    src: url('_fonts/hvd_fonts_-_plutosanslight-webfont.eot');
    src: url('_fonts/hvd_fonts_-_plutosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/hvd_fonts_-_plutosanslight-webfont.woff') format('woff'),
         url('_fonts/hvd_fonts_-_plutosanslight-webfont.ttf') format('truetype'),
         url('_fonts/hvd_fonts_-_plutosanslight-webfont.svg#pluto_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'plutomedium';
    src: url('_fonts/hvd_fonts_-_plutosansmedium-webfont.eot');
    src: url('_fonts/hvd_fonts_-_plutosansmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/hvd_fonts_-_plutosansmedium-webfont.woff') format('woff'),
         url('_fonts/hvd_fonts_-_plutosansmedium-webfont.ttf') format('truetype'),
         url('_fonts/hvd_fonts_-_plutosansmedium-webfont.svg#pluto_sans_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


a.bouton{
	display:block;
	float:right;
	width:30px;
	height:30px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin:0 0 0 0;
	color:#1f8ace;
	font-family:plutolight;
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	}
	
a.bouton:hover{
	background-color:#1f8ace;
	color:#ffffff;
	}
	
.textInput{
	width: 460px;
	height: 49px;
	background:none;
	font-family:plutolight;
	border: none;
	color: #231f20;
	margin-left: 12px;
	font-size:14px;
	outline:none;

	}
	
.fieldHolder{
	width: 460px;
	height: 49px;
	background-color:#eeeeee;
	float: left;
	margin-bottom:10px;

	}
	
a.envoyer{
	display:block;
	background-color:#1f8ace;
	width:85px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin:10px 0 20px 0;
	color:#ffffff;
	font-family:plutomedium;
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	}
	
a.envoyer:hover{
		background-color:#231f20;
	}