/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color: #f46985;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#333333;
}


h1 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:26px;
}

h2 {
	font-size:16px;
	font-weight:bold;	
	padding:0;
	margin:0;
}

h2.titre_rouge {
	padding-top:10px !important;
	border:1px solid red;
}

a {
	color:#E50575;
	text-decoration:underline;
	font-weight:bold;
}

a:hover {
	color:#FFFFFF;
	background-color:#E50575;
	text-decoration:none;
}

a.lien {
	color:#E50575;
	text-decoration:underline;
	font-weight:bold;
	width:120px;
}

a.lien:hover {
	color:#FFFFFF;
	background-color:#E50575;
	text-decoration:none;
}

.orange {color:#FF7403;}
.vert {color:#64B82C;}

div#sommaireorange ul, 
div#sommairevert ul {
	margin-left:18px;
}

div#sommaireorange li {
	padding-bottom:2px;
	list-style:circle;
	color: #FF7403;
}

div#sommairevert li {
	padding-bottom:2px;
	list-style:circle;
	color: #64B82C;
}

div#sommaireorange li span, 
div#sommairevert li span {
	color:#333333;
}

div#sommaireorange li span a, 
div#sommairevert li span a {
	color:#E50575;
	text-decoration:underline;
	font-weight:bold;
}

div#sommaireorange li span a:hover,
div#sommairevert li span a:hover {
	color:#FFFFFF;
	background-color:#E50575;
	text-decoration:none;
}

.titre_intro {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.contenu_intro {color: #FFFFFF}

div#container{
	width:961px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}
div#menu_top{
	background-color: #f46985;
	width:961px;
	text-align:right;
	height:60px;
	margin:0 0 0 0;
	padding:0;
}
div#onglet{ 
	width:496px;
	height:60px;
	clear:right;float:left;
	text-align:left;
	margin:0;
	padding:0;
}
div#anim{
	width:961px;
	height:245px;
}
div#gauche{
	top:305px;
	width:190px ;
	clear:both;
	float: left;
	text-align:left;
	margin:0 0 0 10px;
	padding:0;
	background-color:#FFFFFF;
}


div#deco{
	float: left;
	margin:0;
	padding:0;
	top:305px;
	width: 65px; 
	background-color:#FFFFFF;
	background-image:url(imgs/deco.gif);		
}
div#contenu{
	top:305px;
	float: left;
	margin:0;
	padding:0;
	width: 450px; 
	background-color:#FFFFFF;
}
div#droite{
	top:305px;
	float: right;
	margin:0;
	padding:0;
	width: 215px;
	text-align:left;
	background-color:#FFFFFF;
}

* html div#deco {
	width:55px;
}

* html div#droite {
	padding-left:8px;
}

div#footer{
	width:961px;
	height:60px;
	margin:0 auto;
	padding-top:20px;
	clear:both;
	text-align:center;
	background-color:#FFFFFF;
}

a.lien_comm{color:#FFFFFF;text-decoration:none;text-transform:uppercase;}
a.lien_comm:hover{color: #FFFFF;text-decoration:none;text-transform:uppercase;font-weight:bold;}
.sponsor{float: left;width: 12%;vertical-align: middle;height:50px;}
.img{float: left; padding: 5px 10px 10px 0px;}
.img_ligne{margin-top:10px;margin-bottom:10px;}

.titrerouge {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#AF266D; font-weight:bold; }

.menuleft {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FFFFFF; padding-left:10px;padding-right:10px}
a.menuleft {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FFFFFF;text-decoration:none;}
a.menuleft:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FFFFFF;font-weight:bold;}

.droite {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#OOOOOO; padding-left:12px;padding-right:10px; font-style:italic;}
.menuright {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FFFFFF; padding-left:10px;padding-right:10px}
a.menuright {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FFFFFF;text-decoration:none;}
a.menuright:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FFFFFF;text-decoration:underline;}


.footer {
	width:940px;
	padding:0;
	margin:0;
	
}

.sponsor {
	float:left;
	text-align:center;
	width:132px;
	border:0;
}

.sponsor img {
	border:0;
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

div#letterBoardTop {
padding:8px 0 8px 0;

}

table.formulaire td, table.formulaire td input, table.formulaire td select  {
	font-family:Tahoma;
	font-size:11px;  
}

table.formulaire th  {
	font-family:Tahoma;
	font-size:11px; 
	font-weight:bold;
	text-align:left; 
}

table.formulaire td label {
	cursor:hand;
}

table.login {
	color :white;
}

input.champ, textarea.champ {
	border:2px dotted silver;
	background-color:white;
	width:130px;
	color:#333333;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
}


table.login td input.champ {
	border:1px solid white;
	background-color:white;
	width:190px;
	color:#333333;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
}


table.login td a {
	color:#FDE9D2;
	text-decoration: none;
}

table.login td a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}


a.noeffect, img.noeffect { 
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
	text-decoration:none;
	background-color:white;	
}


a.noeffect:hover { 
	border:0 !important;
	padding:0 !important;
	margin:0 !important; 
	text-decoration:none;
	background-color:white;
}