/* ================================================================ 

Couleurs
violet fonçé #632181
violet fonçé #b67dc5
violet clair #d1b4d8
jaune paille #fbf2a1
gris clair 1 #eeeeee
gris clair 2 #ccccff
blanc        #ffffff
noir         #000000
gris fonçé   #222222

=================================================================== */

html * { 
padding: 0; 
margin: 0; 
}

body {
font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#222222;
color:#FFFFFF;
behavior: url(csshover.htc); 
}

a { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#000000;
font-size:12px;
text-decoration:underline; 
}

.a_pied { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#ffffff;
font-size:18px;
text-decoration:underline; 
}

li {
margin: 40;
padding: 40;
color:#000000;
list-style-type: square;
}

#page li {text-align: left; margin: 10px 20px 10px 60px; }

#conteneur { 
margin-left: auto; 
margin-right: auto; 
width: 800px;
background: url(http://didier.garcia1.free.fr/bouillon/images/fondweb.jpg); 
}

#header { 
height: 140px;
width:800px;
}

#flashcontent {
width: 480px;
height: 680px;
}

#top_left {
float:left; 
width:150px; 
height: 120px; 
margin: 10px 0px 0px 10px ;
}

#top_right { 
float:left; 
width:480px;
height: 120px;
margin: 10px 0px 0px 0px ;
}

.logo{ float:left; }
.titre_site{ position: relative; font-size:28px; color: #FFFFFF; font-weight: bold; line-height: 110px; text-align: center; }
.texte_form{ color: #000000; }

label { display: inline; float: left; width: 210px; font-weight: normal; margin-right: 10px; color: #000000; text-align: right; }


.input { background-color: #ffffff; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; color: black; }
.check_option { margin: 0px 10px 0px 15px; background-color: #ffffff; float: left; }
.radio_option { margin: 0px 0px 0px 0px; background-color: #ffffff; }
.select { background-color: #ffffff; }
.textarea { background-color: #ffffff; color: black; }
.button { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; border-width: 2pt ; font-size: 12px ; color: black ; top: 100px ; background-color: #b67dc5; }

.menu {height:25px; background:#b67dc5; font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:800px; text-align:center; position:relative; }
.menu ul {padding:0 0 0 0; margin:0 0 0 0; }
.menu ul li div {position:absolute; left:-9999px; top:-9999px; background:#d1b4d8; border:0px; }
.menu ul li div ul {list-style-type:none; width:250px; float:left; text-align:left; }

.menu ul li {list-style-type:none; float:left;}
.menu ul li a {display:block; padding:0 0 0 0; width:160px; float:left; line-height:25px; text-decoration:none; font-weight:normal; color:#000;}
.menu ul li a.fly {background:url(arrow.gif) no-repeat right center;}
.menu ul ul li a {padding:0; width:250px; text-indent:10px; line-height:25px; font-weight:normal;}
.menu ul ul li h4 {padding:8px 0 4px 0; margin:0;} 
.menu ul ul li h4 a {padding:0; width:250px; text-indent:10px; line-height:25px; font-weight:normal; font-size:12px;}

.menu ul li a:hover {background-color:#fbf2a1;}
.menu ul li:hover > a {background-color:#fbf2a1;}

.menu ul .oneCol:hover {position:relative;}
.menu ul .oneCol:hover div {left:0px; top:25px; width:250px; }

.menu ul :hover div ul ul {position:absolute; left:-9999px; top:-9999px;}

.menu ul :hover div ul .fly:hover {position:relative;}
.menu_ ul :hover div ul .fly:hover ul {left:170px; top:0px; background:#fff; border:1px solid #aaa; padding:0px 0;}

.menu ul :hover div ul .fly:hover ul ul {left:-9999px; top:-9999px;}

.menu ul :hover div ul .fly:hover ul .fly:hover ul {left:170px; top:0px; background:#fff; border:1px solid #aaa;}

.menu table {border-collapse:collapse; width:0; height:0; margin-bottom:-1px;}

#teaser {
width: 600px;
text-align: center;
margin: 75px 100px 30px 100px;
}

#page {
width: 600px;
text-align: left;
margin: 0px 100px 30px 100px;
background: white;
}

.titre_page{ font-size:34px; color: #EEEEEE; font-weight: bold; text-align: left; margin: 40px 0px -7px 97px;}
.titre_page1{ font-size:24px; color: #b67dc5; font-weight: bold; text-align: left; margin: 0px 0px 0px 20px; }
.nom_fete{ font-size:30px; color: #FF0000; font-weight: bold; text-align: left; margin: 0px 0px 0px 20px; }
.texte_page{ font-size:12px; color: #000000; font-weight: normal; text-align: left; margin: 10px 20px 0px 20px; }
.texte_page_lieu{ font-size:12px; color: #000000; font-weight: normal; text-align: left; margin: 0px 0px 0px 20px; }
.texte_page_nom{ font-size:12px; color: #000000; font-weight: bold; text-align: left; margin: 20px 0px 0px 20px; }
.texte_page_fonction{ font-size:12px; color: #000000; font-weight: normal; text-align: left; margin: 0px 0px 0px 20px; }
.texte_page_coordonnees{ font-size:12px; color: #000000; font-weight: normal; text-align: left; margin: 0px 0px 0px 20px; }
.petit_texte_page{ font-size:10px; color: #000000; font-weight: normal; text-align: left; margin: 0px 0px 0px 0px; }

#nom_fete {
width: 600px;
text-align: center;
margin: 20px 0px 0px 0px;
}

#video {
margin: 20px 0px 0px 0px;
}

#col_gauche {
float: left;
width: 300px;
height: 500px;
margin: 0px 0px 0px 0px;
}

#col_droite {
float: right;
width: 300px;
height: 500px;
margin: 0px 0px 0px 0px;
}

#contact_form {
width:560px; 
margin: 20px auto 20px auto;
background: #d1b4d8;
}

#pied {  
width: 100%;
height: 40px;
margin: 0px 0px 0px 0px;
}

.texte-pied{ font-size:16px; color: #CCCCFF; text-align: center; margin: 0px 0px 0px 0px; }