/*  
------------------------------------------
GENERAL
*/

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #fff url(ima/fond_int.jpg) no-repeat center top;
}

p {
	font-size: 0.70em;
	line-height: 180%;
	text-align: justify;
	color: #000;
}

a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

 
img {
	border : 0;
      }


/*  
------------------------------------------
Conteners
*/

#contAll {
	text-align: left;
	width: 980px;
	margin: 0 auto;
}

#contLeft {
    float: left;
	width: 152px;
}

#contMid {
    float: left;
	margin: 0;
	padding: 0;
	width: 414px;
}

#contRigh {
    float: left;
	margin: 0;
	padding: 0;
	width: 400px;
}

#contArticle {
    float: left;
	margin: 0;
	padding: 0;
	width: 828px;
}


/*  
------------------------------------------
GAUCHE LOGO + MENU
*/


#logo {
	width: 152px;
	height: 180px;
	background: transparent url(ima/logo_aconnaitre.gif) no-repeat left top;
}

	#logo h1 {
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	}
	
	#logo a {
		margin: 0;
		display : block;
		width : 152px;
		height: 180px;
      }	

#navigation {
	margin: 0 15px 0 0;
	padding: 0;
	font-weight:normal;
    list-style-type: none;
	text-align:right;
}

	#navigation li {
	margin: 5px 0 0 0;
	font-size : 0.70em;
	letter-spacing: 0.05em;
	line-height: 18px;	
	/*  border-bottom: 1px solid #ededed; */
	}
	
.on {
	color: #4ea8d1;
	text-decoration: none;
	font-weight:normal!important;
}
	 

#ssnavigation {
    list-style-type: none;
}

	#ssnavigation li {
	margin: 0 0 0 0;
	font-size : 0.95em;
	}
	
/*  
------------------------------------------
CENTRE 
*/

.tit {
	padding : 0;
	margin: 30px 27px 0 27px;
	width : 360px;
      }
	.tit h1 {
	margin : 0 0 15px 0;
	padding:0;
	width: 360px;
	height: 26px;
	letter-spacing: 0.05em;
	font-weight : normal;
	color: #fd56a3;
	font-size: 1.2em;
	background: url(ima/tit_nu.gif) no-repeat;
      }	 
	.tit h3 {
	padding: 5px 0 0 0;
	margin:0;
	text-align:left;
	width: 360px;
	height: 26px;
	font-size : 0.85em;
	font-weight : normal;
	letter-spacing: 0.05em;
	color: #4ea8d1;
	background: url(ima/sstit_nu.gif) no-repeat;
      }	 
	.tit h4 {
	padding: 0 0 15px 0;
	margin:0;
	text-align:left;
	font-size : 0.75em;
	font-weight : normal;
	color: #666;
    }	
	.tit p {
		margin : 0 0 10px 0;
      }	  
	     

.titDro {
	padding : 0;
	margin: 30px 27px 0 27px;
	width : 360px;
      } 
	.titDro h3 {
	padding: 5px 0 0 0;
	margin:0;
	text-align:left;
	width: 360px;
	height: 26px;
	font-size : 0.85em;
	font-weight : normal;
	letter-spacing: 0.05em;
	color: #fd9307;
	background: url(ima/sstit_droit_nu.gif) no-repeat;
      }	 
	.titDro p {
		text-align:left;
		margin : 0 0 10px 0;
		color: #666;
      }	  

/*BLOC liste -----------*/

.centr {
	width: 360px;
	margin: 0 0 30px 0;
}

	.centr h2 {
		margin: 0 0 6px 0;
		padding:0;
		font-weight : normal;
		font-size : 0.75em;
		color: #600000;
		letter-spacing: 0.05em;
		background:none;
      }
	.centr h4 {
		margin: 0 0 6px 0;
		padding:0;
		font-size: 0.75em;
		font-weight: bold;
		color: #000;
		
      }
	.centr img {
		display: block;
		float: left;
		margin: 0 15px 0 0;
      }


/*BOUTON NAV ARTICLES-----------*/	 


#blocNavProjet {
	padding : 0;
	margin: 15px 0;
	width: 360px;
	height: 18px;
	}
	#blocNavProjet a {
	color: #666;
	}
	#blocNavProjet a:hover {
	color: #000;
	}
	
.boPrec {
	float: left;
	width: 140px;
	width: 170px !important;
	height: 18px;
	background: url(ima/bo_folio_fond_precedent.gif) no-repeat top left;
      }
	
	  
.boPrecTxt {
	padding-top : 2px;
	padding-left : 30px;
	font-size : 0.6em;
      }  
	  
.boSuiv {
	float : left;
	text-align: right;
	width : 140px;
	width : 170px!important;
	height: 18px;
	background : url(ima/bo_folio_fond_suivant.gif) no-repeat top left;
      }
	
	  
.boSuivTxt {
	padding-top : 2px;
	padding-right : 30px;
	font-size : 0.6em;
      }  

.boTop {
	float : left;
	width : 20px;
	height: 18px;
	background : url(ima/bo_top.gif) no-repeat top left;
      } 
	.boTop a {
		margin: 0;
		display : block;
		width : 20px;
		height: 18px;
      }	
.boRub {
	float : left;
	text-align:center;
	margin-top: 2px;
	width : 360px;
	height: 18px;
	background : url(ima/bo_rub.gif) no-repeat top left;
      } 	  
.boRubTxt {
	padding-top : 2px;
	font-size : 0.6em;
      } 
	  

 
/*COORDONNEES-----------*/
	     
#coord {
		text-indent : -9000px;
		width: 360px;
		height: 78px;
		margin: 25px 0 -15px 27px;
		background: url(ima/coord.gif) no-repeat;
		}
		#coord a {
		margin: 0;
		display : block;
		width: 360px;
		height: 78px;
      }	


/*  
------------------------------------------
END
*/


#homeEnd {
	clear: both;
	margin: 0;
	padding:0;
	margin-left: 189px;
	width: 390px;
	background: url(ima/end_home.gif) no-repeat right top;
      }
	#homeEnd p {
		text-align : right;
		color : #999;
		font-size : 0.65em;
		line-height : 2.1em;
		padding-top : 23px;
		padding-right : 24px;
      }
	  

/*  
------------------------------------------
Corps de texte  - AUTRES
*/


.copy {
	font-size: 0.50em;
	color: #666;
}

.txtGris {
	color: #666;
}


.neutre {
	color: #a0af2e;
}
.neutre a {
	color: #a0af2e;
}
.neutre a:hover {
	color: #000;
}

.titNeutre {
	color: #fd56a3;
}
.titNeutre a {
	color: #fd56a3;
}
.titNeutre a:hover {
	color: #000;
}

.img {
	border: 0;
	vertical-align: text-top;
	
}

.client {
	margin: -3px 0 15px 0;
	padding:5px 0 0 0;
	font-size : 0.80em;
	font-weight : normal;
	width: 360px;
	height: 26px;
	color: #4ea8d1;
	background: url(ima/sstit_nu.gif) no-repeat;
}


.domaine {
	margin: -15px 0 15px 0;
}
	.domaine p {
	color:#600000;
	}

.detail a {
	font-weight: normal;
	font-size: 0.70em;
	color: #666;
}
.detail a:hover {
	color:#000;
}	

.erreur {
	color:#000;
}	

.formulaire_ok {
	color:#0C0;
}	

/*  VIDES   */

#droVideHome {
	width: 100%;
	height: 405px;
	padding: 0;
	margin: 0;
}
#droVide {
	width: 100%;
	height: 255px;
	padding: 0;
	margin: 0;
}


#videArticle {
	width: 800px;
	height: 310px;
	padding: 0;
}

.videHome {
	width: 100%;
	height: 215px;
	margin: 0;
	padding: 0;
}
.vide {
	width: 100%;
	height: 103px;
	margin: 0;
	padding: 0;
}

.videPeti1 {
	width: 100%;
	height: 15px;
	margin: 0;
	padding: 0;
}	

/*  
------------------------------------------
Formulaire 
*/

.formG {
	text-align:right;
	font-size : 0.7em;
    color:#666;
    float: left;
	margin: 0;
	padding: 11px 10px 7px 0;
	width: 90px;
}

.formD {
    float: left;
	font-size : 0.7em;
	margin: 0;
	padding: 7px 0 7px 0;
	width: 260px;
}

.cadre
        {
        color:#000;
        font-size: 11px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
        background-color: #DEDEDE;
        padding: 3px;
        border: solid 1px #EEE;
		-moz-border-radius:4px;
  		border-radius:4px;
        }