/* CSS Document */

/* hacks */
/* ne pas modifier la partie suivante */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* fin hacks */

body {
background:url(images/bodybackgr.jpg) repeat;
margin:0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
width:99%;
}

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

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


p {
text-align:justify;
}

ul,li {
list-style-image:url(images/listimage.jpg);
text-align:left;
color:#FFFFFF;
}

.top{
  vertical-align: top;
}


#container {
margin:0px 0px 0px 0px;
width:100%;
height:auto;
}

#top {
margin-left:0px;
margin-top:0px;
width:100%;
height:130px;
overflow:hidden;
}

/* elements dans le div top */

#newslettre {
float:left;
position: relative;
margin-left:15px;
margin-top:10px;
width:auto;
height:auto;
}
#newslettre a { color:#FF6600;text-decoration:none; }
#newslettre a:hover { color:#FFFFFF;text-decoration:underline; } 

#banniereflash {
float:right;
margin-right:0px;
margin-top:0px;
width:700px;
height:130px;
overflow:hidden;
}

/* fin elements dans le div top */

#header {
background:url(images/headerbackgr.jpg);
width:100%;
height:183px;
margin-left:0px;
margin-top:0px;
min-width: 1024px;
}

/* elements dans le div header */

#logo {
background:url(images/logo.jpg) no-repeat;
width:444px;
height:149px;
float:left;
margin-top:17px;
margin-left:0px;
z-index:50;
}

#middlenav {
background:url(images/headmenubackgr.jpg) no-repeat;
width:271px;
height:149px;
float:left;
margin-left:0px;
margin-top:17px;
z-index:100;
text-align:center;
}

#middlenav-txt {
margin-top:90px;
font-size:12px;
}

a.middlenav-txt {
color:#000000;
text-decoration:none;
}

a.middlenav-txt:hover {
color:#ffffff;
text-decoration:underline;
}

#headerright {
background:url(images/photoalain.jpg) no-repeat;
width:276px;
height:149px;
float:right;
margin-right:0px;
margin-top:17px;
z-index:50;
}

/* fin des elements dans le div header */

/* cadres à gauche */

#leftmenu {
background:url(images/menuleftbackgr.jpg) repeat-x;
/*width:200px;
height:auto !important;
min-height:425px;
height:100%;*/
height:425px;
float:left;
margin:10px 5px;
vertical-align: top;
position: relative;
color:#FFFFFF;
padding-bottom:30px;
border: 1px solid #000000;

}

#leftmenu li a {
color:#FFFFFF;
text-decoration:none;
}

#leftmenu li a:hover {
color:#FF6600;
text-decoration:none;
}

#leftbox {
background:url(images/left2boxbackgr.jpg) repeat-x;
width:200px;
height:auto !important;
min-height:290px;
height:100%;
float:left;
margin-left:10px;
margin-bottom:10px;
margin-top:5px;
padding-bottom:5px;
}

#leftbox a {
font-weight:bold;
color:#FF6600;
text-decoration:none;
}

#leftbox a:hover {
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}
.welcome{
    margin:10px 5px;
    width: 100%;
    /*border: 1px solid #7CFC00;*/

    position: relative;
    float: left;
}
.welcome input{
  margin: 5px 0px;
}
#cont1{
  float: left;
  position: relative;
  width: auto;
  height: auto;
  display:inline;
}

.welcome2{
    margin:0px 4px;
    width: auto;
    height: auto;
    text-align: left;
    background-color: #333333;
    padding:10px;
    border: 1px solid #000;
}

.identif{
    width: 200px;
    background-color: #333333;
    margin:4px;
    height: auto;
    font-size: 8px;
    border:1px solid #000;
    float: left;
}

.spacer {
background:url(images/trtline.jpg) repeat-x;
width:200px;
height:5px;
}

.nav {
margin-top:35px;
}


/* contenu */

#content {
width:auto;
max-width:55%;
height:auto;
float:left;
margin-left:10px;
margin-top:5px;
margin-right:10px;
margin-bottom:10px;
background:#333333;
}

.title {
height:20px;
background:url(images/titlesbackgr.jpg) repeat;
padding:5px;
text-align:right;
}

.footer-cnt {
height:50px;
background:url(images/titlesbackgr.jpg) repeat;
padding-bottom:25px;
padding-top:5px;
padding-right:5px;
text-align:right;
color:#FFFFFF;
}

.footer-cnt a {
color:#FFFFFF;
text-decoration:none;
}

.footer-cnt a:hover {
color:#FF6600;
text-decoration:underline;
}
.cont_voyant {
width: auto;
height: auto;
margin:5px 0px;

}
.ident_voyant {
width: 200px;
float: left;
padding: 3px 5px;
border-right: 1px solid #000;

}

.ident_voyant_name td, tr{
font-size: 10px;
font-family: Verdana;
text-align: left;
}

.cont_voyant_desc{
float: left;
position: relative;
padding:3px 5px;
min-height:200px;
border-top: 1px solid #000;
margin-bottom: 10px;
   /*border-top: 1px solid #000;*/
}



#footer {
width:99%;
height:30px;
text-align:center;
font-size:9px;
padding:5px;
}

/* textes */

.title-top {
font-size:14px;
font-weight:bold;
color:#ffffff;
padding:5px;
}


.title-left {
font-size:14px;
font-weight:bold;
color:#000000;
padding:3px;
}

.title-cnt {
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

.nav-top {
font-size:12px;
color:#000000;
}

.nav-top a,a:visited,a:link {
color:#000000;
text-decoration:none;
}

.nav-top a:hover {
color:#FF6600;
text-decoration:underline;
}

.orange a {
color:#FF6600;
text-decoration:none;
font-weight:bold;
}

.orange a:hover {
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
}

.encad {
padding:3px;
}

.smallblack {
font-size:9px;
color:#000000;
}

.smallwhite {
font-size:9px;
color:#FFFFFF;
}

.smallorange {
font-size:9px;
color:#FF6600;
}

.white a {
color:#FFFFFF;
text-decoration:none;
}

.white a:hover {
color:#FF6600;
text-decoration:underline;
}

/* objects */

.photo {
border:solid 2px #FF6600;
}