/*    SemplyMedia   V 1.0    12/01/09  */


/* body background: #e7e7e7; z-index:14;*/

html {
		margin: 0;
		padding: 0;
		overflow-x:hidden;
		}	
	
body { 
	        font-size: 13px;
		    font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; 
		    line-height: 16px;
			position: relative;
			background: #e7e7e7 url(../background/fond03.gif) no-repeat center top;
			margin: 0; 
			padding: 0;
			SCROLLBAR-FACE-COLOR:#e7e7e7;
	        SCROLLBAR-ARROW-COLOR:#ED2E38;
			clear:both;
			
			}
	

        
/* liens */
A:link {text-decoration: underline; color: #777777;} 
A:visited {text-decoration: underline; color: #777777;} 
A:hover { text-decoration: none; color: #ED2E38;}

/*A:link {text-decoration: underline; color: #ffffff;} 
A:visited {text-decoration: underline; color: #ffffff;} 
A:hover { text-decoration: none; color: #ED2E38;}*/


/* tableau */
table { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 
12px; color: #ffffff;line-height: 13px;}

/* form */
input { border: red 0px solid; padding: 0px; font: 11px Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; color: #000000;background-color:#ffffff;}

select {
border: #99CC66 0px solid; padding: 3px; font: 11px Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;color: #000000;background-color:#ffffff;}

textarea {
border: #e7e7e7 0px solid; padding: 3px; font: 11px Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;color: #000000;background-color:#ffffff;;SCROLLBAR-FACE-COLOR:#ffffff; SCROLLBAR-ARROW-COLOR:#777777; height: 45px;width: 240px;}


/* font */
.textenoir { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; font-size: 
15px; color: #000000;}
.textenoirsm { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; font-size: 
12px; color: #000000; }
.textenoirsme { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 
11px; color: #000000;}
.texteblancsme{ font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 
12px; color: #ffffff;}
.texterouges { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 
10px; color: #ED2E38; }
.texterougesm { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 
11px; color: #ED2E38; }
.textenoirme { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; font-size: 
13px; color: #000000; }
.textegris { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; font-size: 
13px; color: #777777; }
.texteblancbig { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 
14px; color: #ffffff;}
.texteblanc { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; text-decoration: underline; font-size: 
13px; color: #ffffff;}
.texteblancn { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; font-size: 
12px; color: #ffffff;}
.texterouge { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 
14px; color: #ED2E38; }
.texterougesm { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 
11px; color: #ED2E38; }
.textelegende { font-family:Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; font-style:bold ; font-size: 11px; color: #CF035C; }
.texteform { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; font-size: 
12px; color: #ffffff;line-height: 14pt;}


h1 { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 14px; font-style:bold ;color:#000000;line-height: 14pt; }
h2 { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 14px; font-style:bold ;color:#000000;line-height: 12pt; }
h3 { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif; font-size: 14px; font-style:bold ;color:#cc9933;line-height: 14pt; }
h4 { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 15px; font-style:bold ;color:#cc6600;line-height: 14pt; }
h5 { font-family:Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 15px; font-style:bold ;color:#cc6600;line-height: 14pt; }
h6 { font-family: Helvetica,Georgia,Verdana,Geneva, Arial sans-serif;  font-size: 14px; font-style:bold ;color:#000000; }

/* paragraphe */
p, h1, pre {
margin: 0 2em 1em 1em;
text-align:justify;
}

h1 {
font-size: 120%;
padding-top: 1em;
}


/* 3 colones fixes */

#contenu {
width: 1005px;
height:100%; 
padding: 0px;
margin: 0 0px 0 0;
}

#bloc-contenu {
background-color: #ffffff;
float: left;
width: 100%;
}

#col-centre {
margin: 0 307px 0 330px; /* Marge droite et marge gauche */
width: 368px; 
height:450px;
}


#col-droite {
background: #ffffff url(../images/droitepage.gif) repeat-y center top;
width: 307px; /* Largeur de la colonne 190*/
margin-left: -307px; /* Marge gauche -190*/
height:450px;
float: left;
}

#col-gauche {
float: left;
background: #ffffff url(../images/gauchepage.gif) repeat-y center top;
width: 330px; /* Largeur de la colonne */
margin-left: -1005px; /* Marge gauche -840*/
height:450px;
background-color: #b3cce6;
}

#top-gauche {
float: left;
/*margin-left:1px;*/
/*background: #ffffff url(../images/cotegauche.gif) no-repeat center top;*/
width: 330px; /* Largeur de la colonne */
height:68px;
clear:both;

}

#top-milieu {
float: left;
/*background: #ffffff url(../images/milieu.gif) no-repeat center top;*/
width: 368px; 
height:40px;
padding: 0px;
margin: 0 0px 0 0;

}


.col-int {
padding: .5em 1em;
}

.texte {
width: 310px; 
padding: 15px;
margin-top:57px;
margin-left:10px;
line-height: 18px;
text-align:justify;
voice-family: "\"}\"";
voice-family:inherit;
width: 290px;
}


.col-int02 {
border-left:3px solid #333333;
height:430px;
padding: .5em 1em;
}

.col-int03 {
/*border-left:3px solid #333333;*/
height:450px;
padding: .5em 1em;

}





/* site */

#accroche { 
		margin-top:-6px;
		/*margin-right:20px;*/
		margin-left:72px;
		width: 600px; 
		padding:18px;
}

#liens {
        background: #ffffff url(../images/page.gif) repeat-y center top;
		height: 35px;
		width: 1005px;
		float: left;
		padding: 0 0 0 0px;
		}



#partenaires
	{
	width: 190px;
	float: right;
	padding: 0 0 0 0px;
	
	}

#infos {
			float:left;
			text-align:justify;
			margin-left:30px;
			padding: 40px;
			line-height: 18px;
			width: 270px;
			voice-family: "\"}\"";
			voice-family:inherit;
			width: 250px;       
			}


#blog{
		margin-top: 0;  
		margin-right:0;
		padding: 0 0 0 0px;
		width: 100%;
		height:131px;	
	}
	
#main {
		text-align: left;
		width: 1005px;
		margin: 0 auto;
		padding: 0 0 300 0px;
		height: 100%;
		}

			
#navigation 
	{
	height: 159px;
	padding: 0 0 0 0px;
	margin-top : 0px;
	}	

#newsletter 
		{
		height: 35px;
		padding: 0 0 0 0px;
		margin-top : 0px;
		}
	
	

#anim {
	height: 162px;
	float: left;
	padding: 0 0 0 0px;
	}



#deco {
	        background: transparent url(../images/deco.gif) no-repeat center top;
			height: 81px;
			width: 1005px;
			float: left;
			padding: 0 0 0 0px;
			clear:both;
			}
			
#deco02 {
				        background: transparent url(../images/decoj.gif) no-repeat center top;
						height: 81px;
						width: 1005px;
						float: left;
						padding: 0 0 0 0px;
						clear:both;
						}			
	
	
#html {
		    background: #ffffff url(../images/page.gif) repeat-y center top;
			width: 1005px;
			height:100%; 
			padding: 0px;
			margin: 0 0px 0 0;
			}

/* form */										
					
#contactform {
		 background: #ffffff url(../images/contactform.gif) no-repeat center top;
		 height: 330px;
		 margin-left:-11px;
		 margin-top:-7px;
		 width: 290px;
		 float: left;
		 padding: 0 0 0 0px;
		}					

#form { 
		margin-top:0px;
		/*margin-right:20px;*/
		margin-top:-22px;
		margin-left:5px;
		width: 260px; 
		padding:25px;
}



#recrutform {
		 background: #ffffff url(../images/recrutform.gif) no-repeat center top;
		 height: 337px;
		 margin-left:-11px;
		 margin-top:-7px;
		 width: 290px;
		 float: left;
		 padding: 0 0 0 0px;
		}
					

#form02 { 
			margin-top:0px;
			/*margin-right:20px;*/
			margin-left:5px;
			width: 260px; 
			padding:20px;
		}

/* bottom + liens */									
#bookmark {
					clear: both;
					text-align: center;
					vertical-align: top;
					font-size: 11px;
					color: #777777;

				}

				#bookmark a {
								color: white;
								}

				 #bookmark  a:hover {
								color: white;
								}
								


#bottom {
        background: #000000 url(../background/bottom02.gif) no-repeat center top;
		height: 223px;
		width: 1005px;
		float: left;
		padding: 0 0 0 0px;
		}
		
#textebottom{
				margin-top:0px;
				float:center;   
				padding:13px;
				}