@charset "iso-8859-1";
/* author: annemb@noos.fr */
/* Creation date: 24/07/06 */

      body  {
           font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   font-style: normal;
	   line-height: normal;
	   font-weight: normal;
	   font-variant: normal;
	   text-transform: none;
	   color: #333333;
	   background-color: #FFFFFF;
           margin : 0;
           padding : 0;
           width : 100%;
           text-align: center;
      }

table  {
           font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   font-style: normal;
	   //line-height: normal;
	   font-weight: normal;
	   color: #333333;
	   background-color: #FFFFFF;
}

 #main {
           
           
          
           margin-top: 0;
           margin-left: auto;
           margin-right: auto;
           width: 1024px;
           text-align: left;
           padding-bottom: 1em;
           background-color: white;
           border: 2px solid #997bdb;
                     
        }

#entete {
           height : 174px;
           width : 1024px;
           margin: 0;
           padding: 0;
           background-color : white;
           /*background-image : url(graphics/headerwhite3.jpg);
           background-repeat : no-repeat;*/
           border: none;
      }

#enteteleft {
float: left;
width: 278px;
margin : 0;
padding: 0;
border: none;

}
#entetetoplogo {
float: left;
height: 58px;
width: 278px;
margin : 0;
padding: 0;
border: none;
}

#entetelogo2 {
clear: both;
float: left;
height: 118px;
width: 278px;
margin : 0;
padding: 0;
border: none;
}

#entete0012{
float: left;
height: 58px;
width: 25px;
margin : 0;
padding: 0;
border: none;
}

#entete0015{
float: left;
height: 118px;
width: 25px;
margin : 0;
padding: 0;
border: none;
}
#enteteright {
float: right;
width: 721px;
margin : 0;

padding: 0;
border: none;
}

#entetetopimage {
width: 721px;
height: 58px;
margin : 0;
padding: 0;
border: none;
}

#entetetopmenu {
width: 721px;
height: 39px;
margin : 0;
padding: 0;
background-color: #8765c4;
border: none;
}

#entetephotos2 {
width: 721px;
height: 79px;
margin : 0;
padding: 0;
border: none;
}

#village {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding-top: 15px;
          text-align: center;


}

#banner {
width : 1024px;
height:174px;
margin: 0;
padding: 0;
border: none;
}

#frontpagelogo {
             text-align: center;

}
#headertitle {
             margin-left: 250px;
             padding-top: 30px;
             }



#gauche {
           
           float: left;
           width: 180px;
           margin: 0;
           padding: 0;
           text-align: center;
           
           
      }

#contenu {
          margin-left: 182px;
          text-align: left;
          padding: 1em;
          
}

#pied {
           clear: both;
           width: 100%;
           background-color: white;
           font-family: Verdana;
           font-size: 9px;
           text-align: center;
      }

#pied a {
font-family: Verdana;
font-size: 9px;
text-decoration: none;
}

#haut {
           height: 15px;
           width: 100%;
           margin-bottom: 1em;
           padding-top: 1em;
           background-color:#4b0082;
       }

#conteneur {
           width: 100%; 
           background-color:white;
           margin: 0;
           padding: 0;
           padding-top: 10px;
           padding-bottom: 10px;
           

           }

#indexcentre {
           
           background-color:#white;
           margin: 0;
           margin-left: 190px;
           margin-right: 220px;
           padding-top: 0;
           padding-right: 1em;
           padding-left: 3em;
           padding-bottom: 2em;
           font-size: 100%;
         }

#centre {
           /* width: 760px; */
           background-color:#white;
           margin: 0;
           margin-left: 210px;
           margin-right: 1em;
           padding-top: 0;
           padding-right: 1em;
           padding-left: 3em;
           padding-bottom: 2em;
           font-size: 100%;
         }

#centre li {
list-style-type:disc;
margin-bottom: 10px;
}

#droite {
           float: right;
           width: 200px;
           background-color:#white;
           margin: 0;
           margin-right: 5px;
           padding: 0;
           padding-bottom: 2em;
           
         }

#oeuvres {
margin-left:2em; 
margin-right: 3.5em;
padding: 5px;
font-size: 9px;
text-align: center;
}

#centreacceuil {
           
           background-color:#white;
           margin: 0;
           margin-left: 210px;
           margin-right: 1em;
           padding-top: 0;
           padding-right: 1em;
           padding-left: 3em;
           padding-bottom: 2em;
           font-size: 100%;
         }

#welcome {
           background-color:#white;
           margin-right: 0.5em;
           margin-left: 0.5em;
           padding-right: 1em;
           padding-left: 2em;
           padding-bottom: 2em;
           
           text-align: center;
         }

a {  
        font-size: 100%;
	color: #6a45a5; 
text-decoration: none;

}
a:link {
	color: #6a45a5; 
text-decoration: none;

}

a:hover {
	color: #6a45a5;
        text-decoration: underline;
       
}


#drapeaux  {
           background-color:#white;
           
           padding-right: 1em;
           padding-left: 2em;
           padding-bottom: 2em;
           
         }

#drapeaux a:link	{
	
	background-color: transparent;
        text-decoration: none;
	}
#drapeaux a:visited	{
	
	background-color: transparent;
	}

#drapeaux a:hover	{
	
	background-color: transparent;
	
	}

.clear {clear:both;}
.menu_entete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	line-height: normal;
	
	text-align: center;
	width: 100%;
}

#menugauche {
width: 175px;
padding: 0;
padding-left: 10px;
margin: 0;


}
.leftmenu {
          width: 160px;
         
          margin-bottom: 20px;
          padding: 0;

}

.leftmenuhead {
          height: 38px;
          width: 160px;
          margin: 0;
          padding: 0;
          background-image : url(graphics/menu_entete.gif);
          background-repeat : no-repeat;

}
.leftmenucontent {
 width: 160px;
 margin: 0;
 padding: 0;
 padding-bottom: 5pt;
 
 background-color: #CFD2F3;

}

.leftmenucontent a {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	line-height: normal;
	margin: 0;
	padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
	text-align: left;
        text-decoration: none;
	width: 156px;
        display: block;

}
.leftmenucontent a:hover {
color: #000000;
text-decoration: none; 
background-color: #f9f9fb;
}

.leftmenucontent a:visited {
text-decoration: none; 
background-color: #CFD2F3;
}

.menu_case {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	line-height: normal;
	background-color: #CFD2F3;
	padding: 5pt;
	text-align: left;
	width: 100%;
}

#connexion {
      
        width: 140px;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 3px;
        padding: 5pt;
        text-align: left;
        font-size: 11px;
        color: #000000;
        border: 1px solid #f9f9fb;
}

.topmenu a:link {
        padding-left: 3px;
        padding-right: 3px;
	color: #ffffff;
	text-decoration: none;
}
.topmenu a:visited {
	color: #ffffff;
}
.topmenu a:hover {
	color: #AC83D6;
}
.topmenu a:active {
	color: #B692DA;
}
.compteur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: bold;
	color: #FF9D00;
	background-color: #FFFFFF;
	letter-spacing: 15px;
	word-spacing: 10px;
}
.Titre_accueil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF9D00;
	font-weight: bold;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF9D00;
	font-weight: bold;
}
#Top_menu {
        margin: 0 auto ; 
        padding: 0;
        padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8765C4;
        list-style-type: none ; 
}


#Top_menu a {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
#Top_menu a:hover {
text-decoration: underline;
}
#Top_menu a:visited {
color: #ffffff;
}
#Top_menu a:active
{
	color: #B692DA;
}
hr {
	color:#333333;
	width: 75%;
	height: 1pt;
	position: center;
}

h3 {
  font-weight: bold;
  color : #4b0082;
  font-size: 150%;
}



#compteur {

           padding : 20px;
          text-align: center;

          }

#liquidator {
             
             width: 190px;
             margin: 0;
             margin-top: 20px;
             margin-bottom: 0;
             padding-top: 5px;
             text-align: center;
             border : 2px solid #9370DB;
             font-family: Verdana, Arial, Helvetica, sans-serif;
             color: #000000;
            }
#heureusequest {
             
             width: 190px;
             margin: 0;
             margin-bottom: 20px;
             text-align: center;
             border : 2px solid #9370DB;
             background-color: #f9f9fb;
            }

#textheureusequest {

             margin: 2px;
             border : 1px solid #9370DB;
             padding: 10px;
             text-align: left;
             font-family: times;
	     font-size: 12px;
	     font-style: normal;
	     line-height: normal;
	     font-weight: normal;
	     font-variant: normal;
	     text-transform: none;
	     color: #333333;
	     background-color: #f9f9fb;
            }


#temoignage {
             
             margin-left: 3.5em;
             margin-right: 3.5em;
             margin-top: 20px;
             text-align: center;
             border : 2px solid #9370DB;
            }
#texttemoignage {

             margin: 2px;
             border : 1px solid #9370DB;
             padding: 10px;
             text-align: left;
             font-family: Arial, Helvetica, sans-serif;
	     font-size: 11px;
	     font-style: normal;
	     line-height: normal;
	     font-weight: normal;
	     font-variant: normal;
	     text-transform: Aucune;
	     color: #666666;
	     background-color: #FFFFFF;
            }

#piedtext {

          margin-left: 2em;
          /*margin-bottom: 1em;*/
          margin-right: 2em;
          padding: 3em;
          }





#wintxtnousecr {
         position: relative;
         background-color: white;
         border : 1px solid #6c4e9b;
         margin-right: 1em;
         margin-left: 2em;
         margin-bottom: 0.5em;
         padding: 0.5em;

}





#formulaire {
           
           margin: 0;
           padding: 0;

}

form#two {background:#CFD2F3; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; width:470px; padding:10px; border:1px solid #999999; margin:0 auto;}

form#two fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#two fieldset#website {background:transparent;}

form#two fieldset#objectif {background:transparent;}

form#two fieldset#delai {background:transparent;}
form#two fieldset#budget {background:transparent;}
form#two fieldset#date {background:transparent;}
form#two fieldset#coordonees {background:transparent;}

* html form#two fieldset#website, * html form#two fieldset#objectif {background-position:400px 20px;}

* html form#two fieldset#current {background-position:390px 20px;}

form#two fieldset#opt {background:#ECFC87;}

form#two legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(cssplay/form.gif) repeat-x center left;}

form#two label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#000; margin-bottom:0.5em;}
form#two label.agent{clear:left; display:block; float:left; width:200px; text-align:left; padding-right:1px; color:#000; margin-bottom:0.5em;}

form#two input {border:1px solid #fff; background:#fff ; padding-left:0.2em; margin-bottom:0.6em;}

form#two select {margin-left:0.5em;}

form#two textarea {width:410px; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(cssplay/form.gif) repeat-x bottom left;}

form#two option {background:#788; color:#fff;}

form#two optgroup {background:#abb; color:#000; font-family:georgia, serif;}

form#two optgroup option {background:#9aa; color:#fff;}

form#two #button1, form#two #button2 {color:#997bdb; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}

form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}

form#two #button3 {color:#997bdb; padding-right:0.5em; cursor:pointer; width:150px; margin-left:8px;}

form#two #button3:hover {background-position:center left; color:#000;}

form#three {background:#CFD2F3; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; width:470px; padding:10px; padding-bottom: 20px; border:1px solid #999999; margin:0 auto;}

form#three fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#three fieldset#website {background:transparent;}

form#three fieldset#objectif {background:transparent;}

form#three fieldset#agent {background:transparent;}
form#three fieldset#budget {background:transparent;}
form#three fieldset#date {background:transparent;}
form#three fieldset#coordonees {background:transparent;}

* html form#three fieldset#website, * html form#two fieldset#objectif {background-position:400px 20px;}

* html form#three fieldset#current {background-position:390px 20px;}

form#three fieldset#opt {background:#ECFC87;}

form#three legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(cssplay/form.gif) repeat-x center left;}

form#three label {clear:left; display:block; float:left; width:100px; text-align:left; padding-right:10px; color:#000; margin-bottom:0.5em;}
form#three label.traduc {clear:left; display:block; float:left; width:250px; text-align:left; padding-right:10px; color:#000; margin-bottom:0.6em;}

form#three input {float:left; border:1px solid #fff; background:#fff ; padding-left:0.2em; margin-bottom:0.6em;}
form#three input.traduc {float:left; border:1px solid #fff; background:#fff; width:160px; padding-left:10px; margin-bottom:0.6em;}
form#three select {margin-left:0.5em;}

form#three textarea {width:410px; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(cssplay/form.gif) repeat-x bottom left;}
form#three textarea.message {width:410px; height:10em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff; }
form#three textarea.traduc {float:left; width:160px; height:40px; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff; }

form#three option {background:#788; color:#fff;}

form#three optgroup {background:#abb; color:#000; font-family:georgia, serif;}

form#three optgroup option {background:#9aa; color:#fff;}

form#three #button1, form#two #button2 {color:#997bdb; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}

form#three #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}





p.error {color: red; font-weight:bold; }
td.error {color: red; font-weight:bold; }

#temobox, #temobox2{
width: 90%;
padding: 5px;
background:#ffffff;



}

form#four {background:#d0d4f7; width:99%; padding:10px; border:1px solid #999999; margin:0 auto;}

form#four fieldset {width:98%; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em; color: #000000;}
form#four fieldset#website {background:transparent;}

form#four fieldset#current {width: 320px; float: left; margin-right: 10px; background:transparent;}

form#four fieldset#agentfield {width: 280px;  float: left;  background:transparent;}
form#four fieldset#temo {clear: both; background:transparent;}
form#four fieldset#currenttwo {width: 98%; margin-right: 10px; background:transparent;}
form#four fieldset#date {background:transparent;}
form#four fieldset#coordonees {background:transparent;}

* html form#four fieldset#website, * html form#four fieldset#objectif {background-position:400px 20px;}

* html form#four fieldset#current {background-position:390px 20px;}

form#four fieldset#opt {background:#ECFC87;}

form#four legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(cssplay/form.gif) repeat-x center left;}

form#four label {clear:left; display:block; float:left; width:155px; text-align:left; padding-right:1px; color:#000; margin-bottom:0.5em;}
form#four label.agentlabel {clear:left; display:block; float:left; width:250px; text-align:left; padding-right:1px; color:#000; margin-bottom:0.5em;}
form#four label.agenttwo {clear:left; display:block; float:left; width:450px; text-align:left; padding-right:1px; color:#000; margin-bottom:0.5em;}


form#four input {border:1px solid #fff; background:#fff ; padding-left:1px; margin-bottom:0.6em;}

form#four select {margin-left:0.5em;}

form#four textarea {width:90%; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(cssplay/form.gif) repeat-x bottom left;}

form#four option {background:#788; color:#fff;}

form#four optgroup {background:#abb; color:#000; font-family:georgia, serif;}

form#four optgroup option {background:#9aa; color:#fff;}

form#four #button1, form#four #button2 {color:#997bdb; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}

form#four #button1:hover, form#four #button2:hover {background-position:center left; color:#000;}


html>body div.menu a {width:auto;}
div.menu a:hover {background:#9370DB;color:#4b0082;}
div.menu a:visited {color:#9370DB;}

a.oeuvre1, a.oeuvre1:visited {
color: #FF0000; 
text-decoration: none;
}

a.oeuvre2, a.oeuvre2:visited {
color: FFA500; 
text-decoration: none;
}

a.oeuvre3, a.oeuvre3:visited {
color: #FFD700; 
text-decoration: none;
}

a.oeuvre4, a.oeuvre4:visited {
color: #008000; 
text-decoration: none;
}

a.oeuvre5, a.oeuvre5:visited {
color: #0000FF; 
text-decoration: none;
}

a.oeuvre6, a.oeuvre6:visited {
color: #4B0082; 
text-decoration: none;
}

a.oeuvre7, a.oeuvre7:visited {
color: #9400D3; 
text-decoration: none;
}

a.oeuvre1:hover, a.oeuvre2:hover, a.oeuvre3:hover, a.oeuvre4:hover, a.oeuvre5:hover, a.oeuvre6:hover, a.oeuvre7:hover {
text-decoration: underline;
}