﻿body
{
	background-color: #ffffff;
	font-family:Helvetica;
	font-size:12px;
	color:#000000;
	width:984px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#form1
{
	background-color: #ffffff;
	display:block;
	height:100%;
	padding:0; 
	margin:0;
	margin-top:0px;
}

img 
{
	border: 0;
	margin-left:auto;
	margin-right:auto;
}

/*a:{text-decoration:none;color:#000000;}*/

a:link {text-decoration:none;color:#000000;}
a:visited{text-decoration:none;color:#000000; }	
a:hover{text-decoration:none;color:#00A1B9;}	
a:active{text-decoration:none; }	

input
{
	/*border: solid 1px #555555;*/
	/*display:block;*/
}

select
{
	border: solid 1px #555555;
	height:20px;
	
	font-size:10px;
}




label
  {
  display: inline;
  float: left;
  width: 250px;
  } 

#bhaut /* bandeau avec image de fond */
{
	width:1000px;
	height:134px;
	background-image: url("/img/fond.jpg");
}

#bhaut #blogagence
{
	width:114px;
	height:134px;
	float:left;
}

#bhaut #blogagence img
{
	display:block;
	/*width:68px;
	height:97px;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:26px;
}

#bhaut #droite
{
	margin-left:114px;width:876px;height:134px;
	
	
}



#bhaut #droite #pub1
{
	/*border: solid 1px #555555;*/
	
	height:114px;
	width:100px;
	float:left;
}

#bhaut #droite #pub1 img
{
	display:block;
	
	margin-left:6px;
	padding-top:38px;	
}

#bhaut #droite #pub2
{
	/*border: solid 1px #555555;*/
	float:left;
	height:114px;
	width:100px;
	
}

#bhaut #droite #pub2 img
{
	display:block;
	padding-top:55px;	
	
}

#bhaut #droite #onglet
{
	float:left;
	
	height:20px;
	/*width:628px;
	width:660px;*/
	width:850px;
	margin:0px;
	padding:0px;
	list-style:none;
}

#bhaut #droite #onglet div
{
	
	margin-left:6px;
	float:left;
	height:20px;
	width:147px;
	text-align:center;
	font-weight:bold;
	color:#000000;
	font-size:15px;
}

#bhaut #droite #onglet div span a
{
	color:#000000!important;
	text-decoration:none;
}

#bhaut #droite #onglet div span a:hover
{
	color:#ffffff!important;
}

#bhaut #droite #onglet div a
{
	color:#ffffff;
	text-decoration:none;
}

#bhaut #droite #onglet div a:hover
{
	color:#000000;
	text-decoration:none;
}

#bhaut #droite #onglet #ongl1
{
	background-color: #FFD500;
	width:172px;
	
}

#bhaut #droite #onglet #ongl2
{
	background-color: #008795;
}

#bhaut #droite #onglet #ongl3
{
	background-color: #E85A37;
}

#bhaut #droite #onglet #ongl4
{
	background-color: #C5007B;
}

#bhaut #droite #onglet #ongl5
{
	background-color: #007BBC;
}






#bline ul 
{
	
    /*margin-left:120px;
	padding:0px;
	margin-top:7px;
	
	list-style:none;
	overflow:auto;*/
	/*list-style-image: url("/img/carre7.gif");*/
	
	
} 

#bline ul li 
{
	
    /* 
	float:left;
    margin-right:24px;
    */
}

#bline ul li img
{
	margin-right:5px;
}

.ssmenu
{
	display: inline;
	font-size:10px;
	line-height:12px;
	height:12px!important;
	margin:0!important;
	padding:0!important;
	padding-left:15px!important;
}
.soussmenu
{
	display: inline;
	font-size:10px;
	line-height:12px;
	height:12px!important;
	margin:0!important;
	padding:0!important;
	padding-left:30px!important;
}

/* colonne 1 *********************************************************/
#col1
{
	float:left;
	/* border: solid 1px #555555; */
	width:533px;
	margin:0px;
	padding-top:48px;
	padding-left:43px;
	min-height:1100px;
	overflow:auto;
	
}



#col1 #titre
{
	float:left;
	font-size:18px;	
	color:#000000;
	font-weight:bold;
	display:block;
	width:463px;
}




#col1 #cadrej img
{
	/*margin:  auto; */
	/*width:323px;
	height: 222px;*/
	/*display: block;
	
	position: absolute;
	
	top: 50%;
	left: 50%;
	margin-left: -162px;
	margin-top: -111px;
	width:323px;*/
}

#col1 #chapeau
{
	font-size:15px;
	font-weight:bold;
	margin-top:17px;
	width:493px;
	float:left;
}



#col1 #article
{
	display:block;
	font-size:13px;
	margin-top:17px;
	margin-bottom:17px;
	width:503px;
	float:left;
	overflow:auto;
}


#col1tabform
{
	float:left;
	/* border: solid 1px #555555; */
	width:940px;
	margin:0px;
	padding-top:48px;
	padding-left:43px;
	min-height:550px;
	overflow:auto;
	
}


#col1tabform #caj
{
	width:16px;
	height:16px;
	background-color: #008795;
	float:left;
	margin-right:17px;
	
}


#col1tabform #titre
{
	float:left;
	font-size:18px;	
	color:#4B4B4D;
	font-weight:bold;
	display:block;
	width:663px;
}

#col1tabform #chapeau
{
	font-size:15px;
	font-weight:bold;
	margin-top:17px;
	width:900px;
	float:left;
}

#col1tabform #tabform
{
	display:block;
	font-size:13px;
	margin-top:17px;
	margin-bottom:17px;
	width:940px;
	float:left;
	overflow:auto;
}

.erreur
{
	display:none;
	clear:both;
	color:Red;
}

.artlien
{
	display:block;
	width:auto;
	clear:both;
	font-size:15px;
	margin-bottom:5px;
	text-decoration:underline!important;
	color:#4B4B4D;
}

.col1cadlisting
{
	width:470px;
	padding:0;
	margin-left:20px;
	overflow:auto;
	position:relative;
	margin-bottom:12px;
	
	/*border: solid 1px #555555;*/
}

.arttitrelisting
{
	/*background-image: url("/img/colver.gif");
	background-repeat: repeat-x;*/
	width:380px;
	margin-left:12px;
	float:left;
	/*padding-left:4px;*/
	color:#00A1B9;
	font-weight:bold;
}

.arttextlisting
{
	float:left;
	width:380px;
	margin-left:12px;
	padding:1px;
	
}

.arttextlisting a
{
	text-decoration:none;
	color:#4B4B4D;	
}

.arttextlisting a:visited
{
	text-decoration:none;
	color:#4B4B4D;
}

.arttextlisting a:hover
{
	text-decoration:none;
	color:#00A1B9;
}

.arttextlisting a:active
{
	text-decoration:none;
	color:#00A1B9;
}



.arttitrelisting a
{
	color:#00A1B9;
	font-weight:bold;
	text-decoration:none;
}

.arttitrelisting a:hover{color:#4B4B4D;text-decoration:none;}

.imgl
{
	display:block;
	float:left;
	width:71px;
}

#listingnav
{
	width:60%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	/*border: solid 1px #555555;*/
}

#listingnav span
{
	font-size:15px;
	font-weight:bolder;
	margin-right:6px;	
	margin-left:0px;
}

#listingnav a
{
	margin-right:6px;	
	margin-left:0px;
	text-decoration:none;
	color:#4B4B4D;	
}

#listingnav a:hover
{
	text-decoration:none;
	color:#00A1B9!important;
}




/* coonne 1 *********************************************************/

/* colonne 2 *********************************************************/
#col2
{
	float:left;
	/*border: solid 1px #555555;*/
	width:402px;
	margin:0px;
	padding-top:15px;
	padding:15px 0px 0px 0px;
	height:600px;
}

#col2 div
{
	/*width:386px;*/
	Overflow:auto; 
}

#col2 #artnews
{
	background-color:#FFD500;
	border: solid 1px #FFD500;
	width:384px;
	padding:2px;
	padding-left:3px;
	position:relative;
	margin-bottom:6px;
	font-size:12px;
}

#col2 #artnews #artnewsname
{
	display: inline-block;
	border: solid 1px #555555;
	height:12px;
	line-height:12px;
	overflow:auto;
	font-size:10px;
	margin-top:0px;
} 

#col2 #artnews #artnewsimg 
{
	
}


#col2 #artnews
{
	background-color:#FFD500;
	border: solid 1px #FFD500;
	width:384px;
	padding:2px;
	padding-left:3px;
	position:relative;
	margin-bottom:6px;
	font-size:12px;
}

#col2 #artnews #artnewsname
{
	display: inline-block;
	border: solid 1px #555555;
	height:12px;
	line-height:12px;
	overflow:auto;
	font-size:10px;
	margin-top:0px;
} 

#col2 #artnews #artnewsimg 
{
	
}

#col2 #artnewsvert
{
	background-color:#008795;
	border: solid 1px #008795;
	color:#ffffff;
	width:384px;
	padding:2px;
	padding-left:3px;
	position:relative;
	margin-bottom:6px;
	font-size:12px;
}

#col2 #artnewsvert #artnewsname
{
	display: inline-block;
	border: solid 1px #555555;
	height:12px;
	line-height:12px;
	overflow:auto;
	font-size:10px;
	margin-top:0px;
} 

#col2 #artnewsvert #artnewsimg 
{
	
}


#col2 #artnewsorange
{
	background-color:#E85A37;
	border: solid 1px #E85A37;
	color:#ffffff;
	width:384px;
	padding:2px;
	padding-left:3px;
	position:relative;
	margin-bottom:6px;
	font-size:12px;
}

#col2 #artnewsorange #artnewsname
{
	display: inline-block;
	border: solid 1px #555555;
	height:12px;
	line-height:12px;
	overflow:auto;
	font-size:10px;
	margin-top:0px;
} 

#col2 #artnewsorange #artnewsimg 
{
	
}

#col2 #artnewsmagenta
{
	background-color:#C5007B;
	border: solid 1px #C5007B;
	color:#ffffff;
	width:384px;
	padding:2px;
	padding-left:3px;
	position:relative;
	margin-bottom:6px;
	font-size:12px;
}

#col2 #artnewsmagenta #artnewsname
{
	display: inline-block;
	border: solid 1px #555555;
	height:12px;
	line-height:12px;
	overflow:auto;
	font-size:10px;
	margin-top:0px;
} 

#col2 #artnewsmagenta #artnewsimg 
{
	
}



#col2 #moteur
{
	background-image: url("/img/moteur.gif");
	width:388px;
	height:40px;
	margin-bottom:20px;
}
#col2 #moteur #moteurg
{
	background-image: url("/img/membres.gif");
	float:left;
	width:109px;
	height:34px;
	margin:3px;
	
}

#col2 #moteur #moteurg a
{
	display:block;
	float:left;
	color:#646567;
	margin-top:18px;
	margin-left:14px;
	font-size:8px;
	text-decoration:none;
	font-weight:300;
}

#col2 #moteur #text1
{
	padding:0px;
	margin:0px;
	float:left;
	margin-top:12px;
	margin-left:20px;
	width:80px;
	height:14px;
	font-size:10px;
}

#col2 #moteur #text2
{
	padding:0px;
	margin:0px;
	float:left;
	margin-top:12px;
	margin-left:20px;
	width:80px;
	height:14px;
	font-size:10px;
}

#col2 #moteur #Submit1
{
	padding:0px;
	margin:0px;
	margin-top:12px;
	margin-left:20px;
	background-color:#ffffff;
	font-size:10px;
	height:16px;
	float:left;
}

#cle
{
	border: solid 1px #555555;
	margin-left:33px;
	padding-bottom:3px;
	margin-bottom:3px;
	width:386px;
}
#Question
{
	margin-left:33px;
	padding-bottom:3px;
	margin-bottom:3px;
}

#Question1
{
	margin-left:33px;
	padding-bottom:3px;
	margin-bottom:3px;
}

#submit1
{
	border: solid 1px #555555;
	margin-left:33px;
	padding-bottom:3px;
	margin-bottom:3px;
	margin-top:3px;
	background-color:#ffffff;
}

#col2 #rech
{
	overflow:auto;
	border: solid 1px #555555;
	padding-bottom:3px;
	margin-bottom:3px;
	width:386px;
}

#col2 #rech #Submit2
{
	border:0px;
	float:left;
}

#col2 #rech #sports
{
	clear:both;
	border: solid 1px;
	float:left;
	margin-top:6px;
	margin-bottom:4px;
	margin-left:35px;
	font-size:10px;	
	width:150px;
}

#col2 #rech #regions
{
	
	border: solid 1px;
	float:right;
	margin-top:6px;
	margin-bottom:4px;
	margin-right:27px;
	font-size:10px;
	width:150px;
	
}

#col2 #rech #rech1 
{
	padding:0px;
	margin:0px;
	float:left;
	margin-top:6px;
	margin-left:2px;
	width:250px;
	height:14px;
	font-size:10px;
}




#col2 #cloud
{
	border: solid 1px #555555;
	width:386px;
	overflow:auto;
	text-align:center;
}

#col2 #cloud div
{
	text-align:center;
}


.artmagenta
{
	
	border: solid 2px #C5007B;
	width:362px;
	padding:12px;
	position:relative;
	margin-bottom:6px;
	overflow:auto;
}

.artmagenta a
{
	text-decoration:none;
	color:#4B4B4D;	
}

.artmagenta a:hover
{
	text-decoration:none;
	color:#00A1B9;
}

.arttitremagenta
{
	/*background-image: url("/img/colmaj.gif");
	background-repeat: repeat-x;*/
	background-color:#C5007B;
	width:274px;
	margin-left:12px;
	padding-left:4px;
	float:left;
	
}

.arttitremagenta a
{
	color:#ffffff;
	font-weight:bold;
}

.arttitremagenta a:hover{color:#000000;}

.arttext
{
	overflow:auto;
	float:left;
	width:274px;
	margin-left:12px;
	padding:1px;
}

.arttext a
{
	text-decoration:none!important;
	color:#4B4B4D;	
	font-weight:normal;
}

.arttext a:visited
{
	text-decoration:none!important;
	color:#4B4B4D;	
	font-weight:normal;
}

.arttext a:hover
{
	text-decoration:none!important;
	color:#00A1B9;
}

.arttext a:active
{
	text-decoration:none!important;
	color:#00A1B9;
	font-weight:normal!important;
	
}

.artjaune
{
	
	border: solid 2px #FFD500;
	width:362px;
	padding:12px;
	position:relative;
	margin-bottom:6px;
}

.artjaune a
{
	text-decoration:none;
	color:#4B4B4D;	
}

.artjaune a:visited
{
	text-decoration:none!important;
	color:#4B4B4D;	
	font-weight:normal;
}

.artjaune a:hover
{
	text-decoration:none;
	color:#00A1B9;
}

.artjaune a:active
{
	text-decoration:none;
	color:#00A1B9;
	font-weight:normal;
}

.arttitrejaune
{
	/*background-image: url("/img/colorj.gif");
	background-repeat: repeat-x;*/
	background-color:#FFD500;
	width:274px;
	margin-left:12px;
	float:left;
	padding-left:4px;
}



.arttitrejaune a
{
	color:#ffffff;
	font-weight:bold;
}

.arttitrejaune a:hover{color:#000000;}

.artorange
{
	
	border: solid 2px #E85A37;
	width:362px;
	padding:12px;
	position:relative;
	margin-bottom:6px;
	overflow:auto;
	
}

.artorange a
{
	text-decoration:none;
	color:#4B4B4D;	
}

.artorange a:hover
{
	text-decoration:none;
	color:#00A1B9;
}

.arttitreorange
{
	/*background-image: url("/img/colora.gif");
	background-repeat: repeat-x;*/
	background-color:#E85A37;
	width:274px;
	margin-left:12px;
	float:left;
	padding-left:4px;
}

.arttitreorange a
{
	color:#ffffff;
	font-weight:bold;
}

.arttitreorange a:hover{color:#000000;}

.artvert
{
	border: solid 2px #008795;
	width:362px;
	padding:12px;
	margin-bottom:6px;
	position:relative;
	
}
.artvert a:
{
	text-decoration:none;
	color:#4B4B4D;	
}

.artvert a:hover
{
	text-decoration:none;
	color:#00A1B9;
}



.arttitrevert
{
	/*background-image: url("/img/colver.gif");
	background-repeat: repeat-x;*/
	background-color:#008795;
	width:274px;
	margin-left:12px;
	float:left;
	padding-left:4px;
}

.arttitrevert a
{
	color:#ffffff;
	font-weight:bold;
}

.arttitrevert a:hover{color:#000000;}	

.imgp
{
	display:block;
	float:left;
	width:71px;
}
 
.vide18
{
	height:18px;
	width:auto;
	border:0px;
}

.vide6
{
	height:6px;
	width:auto;
	border:0px;
}



#col2cadc
{
	width:388px;
	padding-left:10px;
	padding-right:5px;
	overflow:auto;
	
}

#col2cadc a
{
	/*text-decoration:underline;*/
	color:#4B4B4D;
}

#col2cadc a:hover
{
	/*text-decoration:underline;*/
	color:#00A1B9;
}




/* colonne 2*********************************************************/

/*bas de page  **********************************************************/
#bp
{
	width:955px;
	padding-left:43px;
	/*border: solid 1px #E85A37;*/
	clear:both;
	Overflow:auto; 
	position:relative;
}

#bp img
{
	display:block;
	margin-bottom:1%;
	margin-top:1%;
	float:left;
}





#bp #bas
{
	clear:both;
	/*list-style-image: url("/img/carre6.gif");*/
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:300;
}

#bp #bas li
{
	float:left;
	color:#646567;
	margin-right:8px;
}

#bp #bas li img
{
	margin-top:4px;
	margin-right:7px;
}

#bp #bas li a
{
	text-decoration:none;
	color:#646567;
}

#bp #bas li a:hover
{
	text-decoration:none;
	color:#00A1B9;
}

.tag1, .tag2, .tag3, .tag4, .tag5, .tag6{color:#4B4B4D;margin:3px; text-decoration:none;}
.tag1{font-size:10px;} 
.tag2{font-size:12px;font-weight:bold;} 
.tag3{font-size:14px;} 
.tag4{font-size:16px;font-weight:bold;} 
.tag5{font-size:18px;} 
.tag6{font-size:20px;font-weight:bold;} 

.motcle
{
	color:#000000;
	font-weight:bold;
}






.arttitrelistingalaune
{
	/*background-image: url("/img/colver.gif");
	background-repeat: repeat-x;*/
	float:left;
	/*padding-left:4px;*/
	color:#00A1B9;
	font-weight:bold;
	margin-bottom: 5px;
}

.arttextlistingalaune
{
	float:left;
	padding:1px;
	
}

.arttextlistingalaune a
{
	text-decoration:none;
	color:#4B4B4D;	
}

.arttextlistingalaune a:visited
{
	text-decoration:none;
	color:#4B4B4D;
}

.arttextlistingalaune a:hover
{
	text-decoration:none;
	color:#00A1B9;
}

.arttextlistingalaune a:active
{
	text-decoration:none;
	color:#00A1B9;
}



.arttitrelistingalaune a
{
	color:#00A1B9;
	font-weight:bold;
	text-decoration:none;
}

.arttitrelistingalaune a:hover{color:#4B4B4D;text-decoration:none;}
