@charset "windows-1252";
/* CSS Document */

#htmlElement {
	padding: 10px;
	background-color: #000;
}
/*Position des objets*/
body{
overflow-x:hidden;
}

body{
	margin:0 0 0 0;
	font-family: Lucida Grande, Geneva, Arial, Verdana, sans-serif;
	text-align:center;
	background-image:url(../imagesGab/fondgen4.jpg);
	/*background-repeat:no-repeat;*/
	background-position:top;
	background-color:#630137;
	z-index:100;
	font-size:12px;
	color:#333;
	letter-spacing:0.02em;
}
#principal{
	margin:auto;
	width:960px;
	height:580px;
	background-color:white;
	text-align:center;
}

#principalDev{
	margin:auto;
	width:960px;
	
	background-color:white;
	text-align:center;
}

#Navigation_TOP {
	width:960px;
	height:25px;
	margin:auto;
	text-align:left;
	color:white;
	font-size:12px;
	padding:5px;
}
	#Navigation_TOP a {
	
	color:white;
	font-size:12px;
	margin-top:3px;
}
	

#Navigation_BOTTOM {
	width:950px;
	height:30px;
	border-top:#666 dotted 1px;
	margin:5px;
	text-align:left;
	
}

	#Navigation_BOTTOM a {
		color:#C06;
	font-size:12px;
	margin-top:3px;
	text-transform: uppercase;
	margin-right:15px;
	}
#Navigation_BOTTOM a:hover {
	
	background-color:#D8B6CC;
}
	
#bandeauSup {
	position:relative;
	width:960px;
	height:160px;
}

#TopCase {
float:left;	
height:155px;
width:310px;
margin:5px;
background-color:#FFF;
text-align:left;

}

#TitresTopCase {
position:absolute;
width:305px;
background-image:url(../imagesContent/fond_news40.png);
	font-size: 13px;
	color:black;
	text-transform: uppercase;
	font-weight:400;
	padding-left:5px;
	color:#C06;	
}

#bandeau_nav {
	width:950px;
	height:60px;
	margin: 5px;	
	text-align:left;
	background-image:url(../imagesContent/FondNavCentre.jpg);
}

#bandeau_nav a {
	color:#C06;
	font-size:12px;
	margin-top:3px;
	text-transform: uppercase;
	margin-right:10px;
}

#bandeau_nav a:hover {
	background-color:#D8B6CC;
}
#MainNav {
float:right; 
width:630px; 
height:20px; 
border-bottom:#C06 dashed 1px; 
padding-top:10px; 
text-align:left;
letter-spacing:0.15em;
}

#MainNav a {
margin-right:15px;	
}

#MainContenu {
	width:950px;
	height:300px;
	margin: 5px;
	/*background-image:url(../imagesContent/fond_contenu_01.jpg);*/
}
#MainContenuDev {
	width:950px;
	margin: 5px;
	/*background-image:url(../imagesContent/fond_contenu_01.jpg);*/
}
#MainContenuDev a {
		color:#C06;
	
}

#MainContenuDev td a {
		color:#C06;
		font-size: 12px;
	
}

#subnavleft {
	margin-top:80px;
	text-align:right;
	
	
}
h5 {
		color:#C06;
		font-size:12px;
		text-transform: uppercase;
		margin-bottom:4px;
		
		
	}
	#subnavleft p {
		color:#C06;
		font-size:12px;
		text-transform: uppercase;
		margin-bottom:4px;
		
		
	}
	#subnavleft a {
		color:#333;
		
	}	
	
	#subnavleft a:hover {
		color:#C06;
		
	}
	#subnavleft a:active {
		color:#C06;
		
	}	
	
#navigation {
margin-left:390px;
height:20px;
z-index:1;
text-align:left;
color:#FFFFFF;
padding-top:3px;

}

	
	
#containerMain {
	width:820px;
	/*height:1000px;*/
	z-index:5;
	text-align:left;
	/*margin: -78px auto;*/
	
}


#contentglobal {
width:820px;
margin: 10px 0 0 0;

}

#Sponsors {
width:960px;
height:110px;
margin: -30px auto 0 auto;
border-top: 1px solid #FFFFFF;
/*padding:5px 10px  10px  10px ;
background-image:url(../imagesGab/bloc_contenu820.jpg);*/

}


/* ------------------------------ */

#cols31 {

/*background-color:#993366;*/
border: 1px solid #666666;
/*padding:5px 10px  10px  10px ;
background-image:url(../imagesGab/bloc_contenu.jpg);*/



}

#cols32 {
/*background-color:#993366;*/
	border: 1px solid #666666;
	/*-moz-opacity:0.5;
opacity: 0.5;#C7006D
filter:alpha(opacity=50);*/
/*padding:5px 10px  10px  10px ;
background-image:url(../imagesGab/bloc_contenu.jpg);*/


}

#cols33 {

/*background-color:#993366;*/
	border: 1px solid #666666;
	height:255px;
	/*-moz-opacity:0.5;
opacity: 0.5;#C7006D
filter:alpha(opacity=50);
padding:5px 10px  10px  10px ;
background-image:url(../imagesGab/bloc_contenu.jpg);*/

}

#cols21 {

/*background-color:#993366;*/
/*border: 1px solid #666666;*/
/*padding:5px 10px  10px  10px ;
background-image:url(../imagesGab/bloc_contenu537.jpg);*/



}

/* ------------------------------ */

#col1 {

float:left;
width:267px;
/*border: 1px solid #E6E6E6;
background-color:#993366;*/
margin-right:10px;
/*padding:5px 10px  10px  10px ;*/
color:#CCCCCC;


}

#col2{

float:left;
width:266px;
/*border: 1px solid #E6E6E6;
background-color:#993366;*/
/*padding:5px 10px  10px  10px ;*/

}
#col3{

float:right;
width:267px;
/*border: 1px solid #E6E6E6;
background-color:#993366;*/
/*padding:5px 10px  10px  10px ;*/


}
/* 2 colonnes G - P ------------------------------ */

#DeuxCol1{

float:right;
width:630px;
/*border: 1px solid #E6E6E6;
background-color:#993366;*/
/*padding:5px 10px  10px  10px ;*/

}
#DeuxCol2{

float:left;
width:290px;
/*border: 1px solid #E6E6E6;
background-color:#993366;*/
/*padding:5px 10px  10px  10px ;*/


}


#ShopDeuxCol1{

float:left;
width:267px;
/*border: 1px solid #E6E6E6;
background-color:#993366;*/
/*padding:5px 10px  10px  10px ;*/

}
#ShopDeuxCol2{

float:right;
width:540px;
/*border: 1px solid #E6E6E6;
background-color:#993366;*/
/*padding:5px 10px  10px  10px ;*/


}


#scol1 {
float:left;
width:125px;
height:250px;
border: 1px solid #666666;
/*background-color:#993366;*/
margin-top:10px;
margin-right:10px;
/*background-image:url(../imagesGab/bloc_contenu.jpg);*/

}

#scoltexte {
padding:10px 10px  0px  0px ;
text-align:left;

}

#scol2{
float:right;
width:125px;
height:250px;
border: 1px solid #666666;
/*background-image:url(../imagesGab/bloc_contenu.jpg);*/
margin-top:10px;

}



#boxlong1 {
	/*background-image:url(../imagesGab/bloc_contenu537.jpg);*/
	border: 1px solid #666666;
	/*-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);*/
	padding:5px 10px  10px  10px;
}

	
#boxEtroit2 {
	background-color:#993366;
	border: 1px solid #666666;
	/*-moz-opacity:0.5;
opacity: 0.5;#C7006D
filter:alpha(opacity=50);*/
padding:5px 10px  10px  10px;
}	


#illustration {

width:247;
height:329;


}

#TitreBox2 {
/*	background-color:#440A22;*/
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:10px;
	margin-top:0px;
	height:23px;
/*	vertical-align:middle;*/
	}
	
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }