/* CSS Document */

body{
	padding:0;
	margin:0pt auto;
	background-color:#919191;
	color:#000000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
	border:0px;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#6a7b5e;
	padding:0px;
	margin:0px;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-top:12px;
}
.FirtsP{ margin-top:0px;}

a:active {  color: #0048ff;}
a:link {  color: #0048ff; }
a:visited { color: #0048ff;}
a:hover { color: #0048ff; }


/* #########################################

			TEMPLATE
			
	#########################################*/


#Main{
	margin:0pt auto;
	background-color:#FFFFFF;
	width:918px;
	float:left;
}

#Border{
	float:left;
	width:7px;
}

#Banner{
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
	width:918px;
	height:120px;
}


#Middle{
	width:918px;
}

#Left{
	float:left;
	width:80px;
}

#MainLeft{
	float:left;
	width:838px;
}

#MainContentTop{
	width:838px;
}

#MainContent{
	width:838px;
	margin-top:15px;
}

#ContentLeft{
	float:left;
	width:461px;
}
#Content{
	float:left;
	width:630px!important;
	width:620px;
	margin:15px;
	padding:10px;
	border:1px solid #f1c901;
}
#Content2{
	float:left;
	width:400px !important;
	width:380px;
	margin:0px 15px 20px 15px;
	padding:15px;
	border:1px solid #f1c901;
}

#Interet{
	float:left;
	margin:15px 0 15px 0;
}

#ContentRight{	
	float:right !important;
	float:left;
	margin-right:8px !important;
	margin-right:0;
	width:361px;
}


#ConseilTop{
	background-image:url(images/Titre1.gif);
	background-repeat:no-repeat;
	width:355px;
	height:30px;
	margin:0px;
	padding:0px;
}
#Conseil{
	float:left;
	width:349px;
	margin:0px 1px 0px 1px !important;
	margin:0px 0px 0px 0px;
	border-left:2px solid #f1c901;
	border-right:2px solid #f1c901;
	border-bottom:2px solid #f1c901;
	padding:0px;
}
#BtnCeli{
	float:left;
	background-image:url(images/btn_goToSite.gif);
	background-repeat:no-repeat;
	width:361px;
	height:128px;
	margin:15px 0 15px 0;
}
#CeliTop{
	float:left;
	background-image:url(images/Titre2.gif);
	background-repeat:no-repeat;
	width:347px;
	height:29px;
	margin:0px 3px 0px 3px;
}
#Celi{
	float:left;
	width:343px;
	margin:0px 3px 4px 3px;
	border-left:2px solid #f1c901;
	border-right:2px solid #f1c901;
	border-bottom:2px solid #f1c901;
}

#Bottom{
	clear:left;
	background-image:url(images/bottom_Pattern.jpg);
	background-repeat:no-repeat;
	width:918px;
	height:8px;
	padding:0;
	background-color:#919191;
}

/* #######  CLASS de BORDER  #######*/
.Top{
	background-image:url(images/Right_Pattern_top.jpg);
	background-repeat:no-repeat;
	width:7px;
	height:122px;
}
#Pattern{
	background-image:url(images/Right_Pattern.jpg);
	background-repeat:repeat-y;
	width:7px;
	height:744px!important;
	height:750px;
}
#PatternSujet{
	background-image:url(images/Right_Pattern.jpg);
	background-repeat:repeat-y;
	width:7px;
	height:553px;
}
.Corner{
	background-image:url(images/Right_Pattern_corner.jpg);
	background-repeat:no-repeat;
	width:7px;
	height:8px;
}

#Footer{clear:left;	margin:0pt auto; width:460px; text-align:center;}
/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; }
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; }
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; }

/* #########################################

			FIN DU TEMPLATE
			
	#########################################*/
.SwitchMenu{
float:right;
font-family:Arial, Verdana, sans-serif; 
font-size: 12px;
padding:5px ;
margin-right:2px;
margin-top:12px;
text-decoration:underline;
text-align:center;
width:120px;
}


/* #########################################

			TEMPLATE SUJET 
			
	#########################################*/

#MainLeftSujet{
	width:785px;
	margin:15px;
	padding:10px;
	border:1px solid #f1c901;
}
#MainLeftSujet p{
	width:480px;}
#MainLeftSujet h1{
	margin-top:25px;
}

#MainLeftSujet .FirstH1{margin-top:0px;}

#MainLeftSujet .Avis{width:780px;}

/*#######################*/
#Conseil p, #Celi p{
	padding:8px 15px 8px 10px;
	margin:0px;
	font-size:13px;
}
#Conseil img, #Celi img{
	float:left;
	height:126px;
	margin-right:15px;
}
.NoSpace p{margin-top:0px;}

.Cursor{
	cursor:pointer;
}
/* ############ 
	HACK pour stretch div dans firefox
   ############
*/

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */