body{
height: 100%;
}

body {
margin: 0;
padding: 0;
background-color:#CCCCFF;
text-align :left;
font-family : arial;
font-size : 10px;
color : #000;
}

/* BLOC CONTENEUR */

#conteneur {
position:absolute;
left: 50%; 

width: 700px;
height: 448px;

margin-left: -350px;
border: 6px solid #544296;
background-color:#FFFFCC;
  }
html>body #conteneur { height: auto; min-height: 448px;}

/* HAUT */
	 
#haut {
width : 100% ; 
height : 91px ; 
background : #fff url(images/carcassonne.jpg); 
text-align : left;}






/* CONFIGURATION ul, li / MENU */

ul, li {
margin : 0; 
padding : 0; 
list-style : none ; 
float : left}

/* MENU */

#menu {
width : 100% ; 
background-color : #CABDE8; 
text-align : center;
border-bottom : 1px solid black;
}

#menu li { padding : 4px 0 4px 0;  }

#menu li a {
text-decoration : none ; 
color : #000; 
font-weight : bold ; 
padding : 2px 10px 2px 10px; 
margin : 0;
background : #CABDE8 url(images/menu.jpg) no-repeat right ; 
}

#menu li a:hover {text-decoration : none ; color : #F6EDDE}

/* SEPARATEUR / SPACER */
 


/* BLOCS GAUCHES ET DROITS EN FLOAT  */

.gauche {
float : left ; 
width : 162px ; 

color : #525252; 
height : 304px;
padding-top:10px;
text-align:center;
min-height: 620px;

}

.gauche img { border : 1px solid #000 ; margin : 5px 10px 0 15px; 
}

.droite 
{
float : left; 
margin-left : 0 ;
width : 515px ;
color : #707070;
overflow : auto ;
padding-bottom : 40px;  
padding-top:10px;
}

/* IMAGE */	 

.img_nompage {margin : 10px 0 0 15px}

/* PARAGRAPHE */	 

h1 {font-size : 50px ; color : #000; margin : 2px 10px 0 10px ; padding : 0; color : #fff; text-transform : uppercase}
h2 {font-size : 24px ; color : #000; margin : -10px 10px 0 10px ; padding : 0 ; font-family : veranda ; color : #fff ; letter-spacing : 4px}
h3 {font-size : 12px ; color : #000; margin : 5px 10px 0 15px ; padding : 0}
h4 {font-size : 24px ; color : #1C9159; margin : 5px 10px 0 15px ; padding : 0}	
p {margin : 5px 10px 0 15px }

/* hr */ 

div.hr {
height: 1px;
margin : 10px 10px 10px 15px;
padding : 0;   
width : 160px;
background : url(images/hr.jpg) repeat-x}

div.hr hr {
display: none;  padding :0; 
}

/* LOGO */ 

.logo {
margin-left : 500px ; 
width : 144; 
height : 91px ; 
margin : 0 0 0 505px ; 
padding : 0 ; 
display: block; 
border : 0;
}

a {	text-decoration: none;
	color: #990000;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; }
	
a:hover {  color: #F881A2}

.lien_1 {  font-family: arial; font-size: 11px; font-weight: bold; text-decoration: none; font-style: normal; color: #003366; clip:     rect(   )}
.lien_1:hover {color : red;}

.lien_2 {  font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; color: #000099; clip:     rect(   )}
.lien_2:hover {color : red;}

.lien_3 { font-family: arial; font-size: 11px; font-weight: bold; text-decoration: none; font-style: normal; color: #990000; clip:     rect(   )}
.lien_3:hover { color : green; }

.lienp { font-family: Arial; font-size: 11px; color: #0066CC }
.liencom { font-family: Arial; font-size: 9px; color: #000066}

.lien_part { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; color: #CC0033; }

.T1 {  font-family: Arial; font-size: 13px; font-weight: bold; color: #000033; text-transform: none; text-align: left; text-indent: 20pt}
.T2 {  font-family: Arial; font-size: 12px; color: #0099CC; font-weight: normal; margin-right: 35px; margin-left: 40px; vertical-align: middle; padding-top: 3px; padding-bottom: 3px}

.texte {  font-family: Arial; font-size: 11px; clip:  border: #c5ccd2; left: 20px; text-align: justify; color: #333333}
.textecent { font-family: Arial; font-size: 11px; text-align:center; font-weight: bold; color: #003333; }

.visit {  font-family: Arial; font-size: 9px; }

.barre1 {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #97B4FF;
	padding: 2px;
}

.barre2 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #003366;
	padding: 4px;
}

.cad_info {
	border: 1px dashed #E85959;
	padding: 4px;
	background-color: #FFF4F4;
	width: 60%;
	vertical-align: middle;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
}

.cad_info2 {
	border: thin solid #88CFFF;
	padding: 3px;
	background-color: white;
	width: 80%;
	position: relative;
}

.cad_info3 {
	border: thin solid #3399FF;
	padding: 3px;
	background-color: #EAF5FF;
	width: 80%;
	position: relative;
}

input,select,textarea {
	border:2px solid #000099;
	background-color:#E9E9FC;
	font-family: Verdana, Arial, Geneva;
	font-size: 12px;
}

.check {
	border:0px;
	background-color:#E2F0FE;
}

.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}