/* Liens */
a { text-decoration: none; color: #C7BDBB; }
a:hover { font-weight:bold; text-decoration: none; color: #C7BDBB; }
a img { border: none;}

body {
background:url("../images/fond.jpg");
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size:0.7em; /* on définit la taille de police de base dans la page */
color: #C7BDBB ;
}

/* ---------------------------------------- Sommaire --------------------------------------- */

#container {
background-image: url('../images/fondcontainer3.jpg');
/*background-color: #58120A;*/
width: 800px;
height: 600px;
margin-left: auto;
margin-right: auto;
position:absolute;
margin-top: -300px;
margin-left: -400px;
border: 1px solid #000;
left: 50%;
top: 50%;
visibility: visible;
}

#animflash {
/*background-image: url('IMG/fondsom.jpg');*/
background-image: url('../flash/oscar.swf');
width: 100%;
height: 33%;
float: left;
/*border: solid 1px #FFFFFF;*/
}

#milieusom {
margin-top: 200px;
width: 100%;
height: 57%;
/*border: solid 1px #FFFFFF;*/
text-align: center;

}

#entrer {
width: 100%;
height: 3%;
float: left;
/*border: solid 1px #FFFFFF;*/
text-align: center;
font-size: 15px;	
color: #B6121D;
/*font-weight: bold;*/
padding: 15px 0 15px 0;
}

/* ---------------------------------------- Rubrique --------------------------------------- */

#containerrub {
/*background-image: url('../images/fondcontainer.jpg');*/
background-color: #58120A;
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
position:absolute;
margin-left: -400px;
border: 1px solid #000;
left: 50%;
visibility: visible;
}

#milieurub {
float: left;
width: 93%;
height: auto;
min-height: 350px;
margin-left: 30px;
margin-top: 10px;
/*border: solid 1px #FFFFFF;*/
text-align: center;
}

#milieugaucherub {
padding: 10px 20px 20px 20px;
width: 450px;
height: auto;
min-height: 250px;
/*border: solid 1px #FFFFFF;*/
float: left;
}

#titrerub {
text-transform: uppercase;
text-align: left;
/*border-bottom: solid 1px #FFFFFF;*/
}

#contenurub {
text-align: justify;
font-size: 12px;
}

#milieudterub {
width: 250px;
height: auto;
min-height: 250px;
/*border: solid 1px #FFFFFF;*/
float: left;
margin-top: 30px;
margin-bottom: 30px;
padding: 0 0 20px 0;
}

/* Cadre arrondi */
.rbroundbox { background: url('../images/nt.gif') repeat ; }
.rbtop div { background: url('../images/tl.gif') no-repeat top left; }
.rbtop { background: url('../images/tr.gif') no-repeat top right; }
.rbbot div { background: url('../images/bl.gif') no-repeat bottom left; }
.rbbot { background: url('../images/br.gif') no-repeat bottom right; }


.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 10px;



}
.rbcontent { margin: 0 7px; }
.rbroundbox {
width: 70%;
margin: 5px auto;
color: #000000;
/*filter:alpha(opacity=30);*/

}

#titrecadrearr {
text-transform: uppercase;
text-align: left;
text-decoration: underline;
font-weight: bold;

/*border-bottom: solid 1px #FFFFFF;*/
}

#pieddepage {
float:left;
Text-align: center;
/*border: solid 1px #FFFFFF;*/
height: 10%;
width: 740px;
border-top: solid 1px #C7BDBB;
margin-left: 30px;
margin-right: 30px;
}

/* ---------------------------------------- Menu --------------------------------------- */

#menusup {
width: 100%;
height: 15px;
float: left;
border: solid 1px #806D4C;
text-align: center;

}

#actions {
	height:15px;
	overflow:hidden;
	/*line-height: 1.2em;*/
}
.actionOver {cursor:pointer;}
#action0, #action1, #action2, #action3, #action4, #action5, #action6, 
#action0Current, #action1Current, #action2Current, #action3Current, 
#action4Current, #action5Current, #action6Current {
	float:left;
	text-align: center;
	height:15px;
	width:113px;
	/*margin-top: 2px;*/
	border-right: 1px solid #806D4C;
}
#action0, #action1, #action2, #action3, #action4, #action5, #action6 {
	color: #C7BDBB;
}
#action0Current, #action1Current, #action2Current, #action3Current, 
#action4Current, #action5Current, #action6Current{
	background-color: #767561;
	color: #FFF;
}
#action0.actionOver, #action1.actionOver, #action2.actionOver, #action3.actionOver, 
#action4.actionOver, #action5.actionOver, #action6.actionOver{
	width:113px;
	color: #B6121B;
}
#action6, #action6Current, #action6.actionOver {width:113px;}
/* espacement titres  */
#actions h6 {padding: 0 0 0 0;}

/* ---------------------------------------- A définir --------------------------------------- */

#milieu {

width: 46%;
height: 360px;
float: left;
/*border: solid 1px #FFFFFF;*/

text-align: center;
}

#milieug {
width: 21%;
height: 65%;
float: left;
border: solid 1px #FFFFFF;
background-repeat: no-repeat ;
text-align: center;
padding: 20px;
}




#hautmilieu {
background-image: url('../images/accros.jpg');
width: 100%;
height: 69%;
/*border: solid 1px #FFFFFF;*/
background-repeat: no-repeat ;
background-position: center center ;
}

#milieud {
padding: 20px;
width: 16%;
height: 69%;
float: left;
/*border: solid 1px #FFFFFF;*/
background-repeat: no-repeat ;
text-align: center;
}





#milieurubpres {
width: 92%;
height: auto;
min-height: 350px;
margin-top: 40px;
margin-left: 30px;
margin-right: 30px;
/*border: solid 1px #FFFFFF;*/
}

#gaucherubnousec {
width: 35%;
height: 320px;
/*border: solid 1px #FFFFFF;*/
text-align: center;
float: left;
margin-left: 35px;
margin-top: 30px;
margin-right: 20px;
}



#aniflash {
width: 800px;
height: 328px;
margin-left: auto;
margin-right: auto;
position:absolute;
margin-top: -105px;
margin-left: -400px;
left: 50%;
top: 50%;
visibility: visible;
z-index: 1;
}



#milieugaucherublocal {
padding: 10px 20px 20px 20px;
width: 350px;
height: auto;
min-height: 250px;
/*border: solid 1px #FFFFFF;*/
float: left;
}




#milieudterublocal {
width: 350px;
height: auto;
min-height: 250px;
/*border: solid 1px #FFFFFF;*/
float: left;
margin-top: 30px;
/*background-image: url('../images/plan2.jpg');*/
}

#zonesaisiemsg {
text-align: center;
width: 600px;
height: 40px;
margin: 30px 40px 0px 70px;

/*border: solid 1px #053968;*/
}

#msgrecu {
text-align: center;
width: 600px;
height: 40px;
margin: 50px 40px 0px 70px;

/*border: solid 1px #053968;*/
}




/* -------------------- Formulaire Nous Contacter  ------------------- */

form {
witdh: 58%;
}

form.cmxform legend {
  padding: 0 10px;
  color: #C3B9B0;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.5;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
  
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
 
  
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
  
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
  
}

form.cmxform em {
  
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}

/* -------------------- Cadre Arrondi gauche ------------------- */

.hautmenu
{

margin: 0px;
background-image: url('../images/haut.jpg');
background-repeat: no-repeat;
height: 28px;
width: 180px;
}

.menu
{
margin: 0px;
background-image: url('../images/menu.jpg');
background-repeat: repeat-y;
color: #58120A;
width: 180px;
}
ul
{

list-style-position: inside;

}

li
{
margin: 0px;
list-style-type: square;
list-style-position: inside;

padding: 10px;

}

h1
{
font-size: 1.5em;
text-align: left;
text-decoration: none;
font-weight: normal;
color: #C7BDBB;
margin: 0;
border-bottom: solid 1px #C7BDBB;
/*list-style-image: url('../images/puceliste.gif');*/

}

/* ---------------------------------------- Nous Contacter --------------------------------------- */

#containerrubnousec {
background-color: #58120A;
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
position:absolute;
margin-left: -400px;
border: 1px solid #000;
left: 50%;
visibility: visible;
}

#droiterubnousec {
float: left;
width: 740px;
height: auto;
min-height: 80%;
margin-top: 30px;
margin-left: 30px;
margin-right: 30px;
/*border: 1px solid #000;*/
}

h2 {
font-size: 2em;
text-align: left;
text-decoration: underline;
font-weight: normal;
color: #C7BDBB;

}

h3 {
font-size: 1em;
text-align: center;
text-decoration: underline;
font-weight: normal;
color: #B3081B;

}