@charset "UTF-8";
/* CSS Document */
html{ height: 100%;  }  

body { padding:0px; margin:0px; background: url(images/backg.jpg) center 86px no-repeat; background-color:#FFFFFF; height: 100%;  }
p { padding:0px; margin:0px;}
img { border:0px; padding:0px;}
h1,h2 { padding:0px; margin:0px;}
ul,li { padding:0px; margin:0px;}

/* Page accueil */
 #superglobal{  
 position : relative;  
 min-height: 100%;  
} 
#global {
	width:980px;
	left:50%;
	margin-left:-490px;
	position: relative;
        min-height: 100%;
	padding-bottom: 180px;
	
}
#logo {
	width:270px;
	height:86px;
	display:block;
	text-align:center;
	float:left;
}

/* Menu */
#menu { height:28px; padding-top:32px; display:block; background:url(images/formation.png) no-repeat top right; }
#menu span.droi {float:right;}

#nav1 {padding:0px; margin:0px; list-style:none; position:relative; z-index:200; }
 
#nav1 li a {display:block; float:left;  padding:0px;  text-decoration:none; white-space:nowrap; }

#nav1 li a.down {background:url(images/menu-left.png) top left no-repeat ; padding-left:10px;  height:32px;}
#nav1 li a.down p {background:url(images/menu-right.png) top right no-repeat;  padding-right:20px; padding-left:5px;  padding-top:10px;  padding-bottom:0px; line-height:21px;
				font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:bold; 
				text-align:left; text-decoration:none;  }
				
#nav1 li a:hover.down {background:url(images/menu-leftoff.png) top left no-repeat; }
#nav1 li a:hover.down p { background:url(images/menu-rightoff.png) top right no-repeat;  
				font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; font-weight:bold; 
				text-align:left; text-decoration:none; }


 
#nav1 ul {padding:0; margin:0; list-style:none; float:left; background:#fefefe; border-right:3px solid #d3d3d1; min-width:140px; 
	  }

#nav1 li {float:left;}
#nav1 li li {float:none; border-bottom:1px solid #e7e7e7; }
/* a hack for  IE6 */
* html #nav1 li li {float:left;}


#nav1 li li a { float:none; }

#nav1 li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; font-weight:normal; letter-spacing:1px;}

#nav1 li:hover {position:relative; z-index:300;}

#nav1 li li a {font-family:  tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #888888; font-weight:bold; padding:3px 10px 3px 10px;}

#nav1 li:hover ul {left:0; top:32px; z-index:500;}

#nav1 ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav1 ul {width:2px;}
/* show path followed */
#nav1 li:hover > a {color:#0867b2;}
#nav1 li li:hover > a {font-family:  tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:bold; text-decoration:none; background: #58bddb;}





.photo  { display:block; float:left; width:980px; }
	
.content {display:block; float:left; width:980px; min-height:350px; padding-bottom:30px;}
.imgacc { background:url(images/athlete.jpg) no-repeat top right;}
.imgpage { background:url(images/baspage.png) no-repeat bottom;}
.content-left {display:block; float:left; width:650px;}
.content-right {display:block; float:left; width:330px;}

h1 { padding:10px 15px 0px 65px; font-family: Century gothic, Arial, Verdana, Helvetica, sans-serif; font-size: 24px; color: #e03a00; font-weight:normal; text-decoration:none;}
h2 { display:block; float:left; width:570px; background:url(images/accroche.png) no-repeat; margin:20px 0px 0px 45px; padding:6px 5px 9px 25px; font-family: Century gothic, Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight:normal; text-decoration:none;}
.methode{ display:block; float:left; width:330px; background:url(images/accroche.png) no-repeat; margin:20px 0px 0px 45px; padding:6px 5px 9px 25px; font-family: Century gothic, Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight:normal; text-decoration:none;}
.texte-gris { padding:10px 15px 10px 65px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:18px; color: #646464; font-weight:normal; text-decoration:none;}
.texte-gris span{ background:url(images/puce1.png) no-repeat; padding-left:20px;}

.listing { list-style:none; padding-left:85px; padding-right:60px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #de3f09; font-weight:normal; text-decoration:none; }
.listing li { background:url(images/puce2.png) no-repeat 0px 2px; padding:0px 0px 5px 15px; border-bottom: dotted 1px #aaaaaa; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:18px; color: #999999; font-weight:normal; text-decoration:none;}

.competences { list-style:none; width:207px; height:80px; display:block; background:url(images/competences.png) no-repeat; margin:115px 0px 0px 28px; padding:30px 0px 0px 40px;  }
.competences li{ background:url(images/puce3.png) no-repeat 0px 3px; padding-left:20px;  }
.competences li a{font-family: Arial, Helvetica, sans-serif;  font-size: 12px; line-height:18px; color: #76344e; font-weight:bold; text-decoration:none; }

.methodes { list-style:none; width:207px; height:99px; display:block; background:url(images/methode.png) no-repeat; margin:15px 0px 0px 28px; padding:30px 0px 0px 40px;  }
.methodes li{ background:url(images/puce3.png) no-repeat 0px 3px; padding-left:20px;  }
.methodes li a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #35a3cc; font-weight:bold; text-decoration:none; }

#flash { clear:both;}

#footer { display:block; float:left; width:890px; background:url(images/footer.png) no-repeat; margin:15px 0px 0px 80px;  padding:40px 0px 10px 10px;   }
#footer ul { list-style:none; width:165px; display:block; float:left; padding:0px 5px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #042b3c; font-weight:bold; text-decoration:none; }
#footer li { background:url(images/puce4.png) no-repeat; padding:0px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #042b3c; font-weight:normal; text-decoration:none;}
#footer li.pres { background-image:none; padding:0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #737373; font-weight:normal; text-decoration:none;}
#footer li a{ color: #042b3c; text-decoration:none; }
#footer li.pres a{ color: #737373; text-decoration:none; }
#footer li a:hover{ text-decoration:underline; }
 
#mentions { position: absolute; bottom: 0px; width: 100%; text-align:center; height:33px; padding-top:3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0b749f; font-weight:normal; text-decoration:none; background:url(images/mentions.png) repeat-x; }
#mentions a{ color: #0b749f; text-decoration:none; }
#mentions a:hover{ color: #FFFFFF; text-decoration:none; }

.ref { display:block; float:left; width:900px; padding-left:80px; }
.texteref { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:18px; color: #3b3b39; font-weight:normal; text-decoration:none; }

.cartouche { display:block; float:left; width:575px; margin-left:55px; background: #f0f0f0 url(images/fond-cartouche.jpg) repeat-x; border-bottom:solid 1px #e8e8e8; border-left:solid 1px #e8e8e8; border-right:solid 1px #e8e8e8; }
.cartouche .listing { list-style:none; padding-left:25px; padding-right:60px; padding-top:10px;  padding-bottom:10px;}
.cartouche .listing li { background:url(images/puce2.png) no-repeat 0px 2px; padding:0px 0px 5px 15px; border-bottom: dotted 1px #aaaaaa; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:18px; color: #999999; font-weight:normal; text-decoration:none;}
.cartouche .listing li span{ color: #3ca8cf; font-weight:bold; }
.cartouche .listing li p{ padding-left:25px;}

/* page references */

.legenderef { padding-top:7px; padding-bottom:30px; }
.t1, .t2, .t3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9c9c96; font-weight:normal; line-height:14px; text-decoration:none; padding-left:8px; padding-right:15px; }
.t1 {border-left:solid 3px #c92d13;}
.t2 {border-left:solid 3px #52b8d9;}
.t3 {border-left:solid 3px #ef8825;}
.content-reference { width:425px; display:block; float:left; padding-left:45px; }
.reft1 { width:425px; height:65px; display:block; float:left; padding-bottom:35px; background:url(images/ref1.png) no-repeat top right;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9c9c96; font-weight:normal; line-height:14px; text-decoration:none; }
.reft1 img { padding-left:10; padding-right:25px; }

/* page consultants */
.content-consult1 { background:url(images/cadrephoto.png) no-repeat; padding-left:215px; margin-left:50px; display:block; float:left; }
.content-consult2 { background:url(images/cadrephoto2.png) no-repeat; padding-left:215px; margin-left:50px; display:block; float:left; }

/* page contact */
#contactform{
	font:12px/1.3 Helvetica, Arial, Sans-serif;
	color:#333;
	padding-left:100px;
}

#contactform fieldset{
	border:0;
}

#contactform legend{ 
	font-size:24px;
	letter-spacing:-1px;
	padding:0;
	margin:0 0 10px -5px;
}

#contactform .form-slider{
	padding:0 0 10px;
	float:left;
	width:400px;
	display:block;
}

#contactform label{
	color:#777;
}
#contactform label span{
	color:#b30808;
}

#contactform input[type="text"],
#contactform input[type="email"],
#contactform input[type="url"],
#contactform textarea{
	display:block;
	font-size:12px;
	border:1px solid #cacaca;
	padding:5px;
	-moz-border-radius:2px;
	border-radius:2px;
}

#contactform textarea{
	letter-spacing:.06em;font-family:inherit;
}

#contactform input[type="text"]:focus,
#contactform input[type="email"]:focus,
#contactform input[type="url"]:focus,
#contactform textarea:focus{
	border-color:#666;background:#c7e7ef;
}

#contactform input[type="submit"]{
	-moz-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	line-height:30px;
	text-align:center;
	border:1px solid #999;
	margin:0 0 30px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #777),color-stop(0.99, #999));
	background:-moz-linear-gradient(center bottom,#777 0%,#999 99%);
	background-color:#868686;
	text-shadow:0 1px 0 #111;
	color:#fff;
	padding:5px;
	font-size:16px;
	cursor:pointer;
}

#contactform input[type="submit"]:hover{
	color:#ccc;
}

#contactform input[type="submit"]:active{
	color:#333;
	text-shadow:0 1px 0 #fff;
}
.textecontact {
	padding-left:100px;
	width:400px;
	padding-bottom:30px;
	float:left;
	display:block;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #696a63; font-weight:normal; line-height:18px; text-decoration:none; padding-left:8px; padding-right:15px;
}
.textecontact a{
	color: #696a63; text-decoration:underline; cursor:pointer;
}

.texte-gris img{
	padding:10px;
}