body {
background:#fff url("../img/bg.gif");
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#3A3A3A;
padding:0;
margin:0;
}

a {color: #ff0000;}
a:visited {color:#ff0000;}
a:hover {color: #000;}
a:active { color:#000;}


p {
line-height: 1.5em;
}

.justif {
text-align:justify;
}


h1 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
color:#b71930;
}

h2 {
font-size:13px;
font-weight: bold;
padding: 5px 10px 0 10px;
margin:0px;
color:#b71930;
}


h3 {
font-size:11px;
font-weight: bold;
padding: 5px 10px 0 10px;
margin:0px;
color:#b71930;
}

h4 {
font-size:11px;
padding: 5px 10px 0 10px;
margin:0px;
color:#b71930;
}




.red {
color:#b71930;
font-size:130%;
}


#bando {
margin: 0 10px;
}


strong {
font-weight:bold;
}

em {
background:#fdf9b5;
padding: 0 2px;
}

.img-gauche {
float:left;
padding:5px;
border:1px dotted #ccc;
margin: 0 10px 5px 0;
}


.img-gauche2 {
float:left;
padding:5px;
border:1px dotted #ccc;
margin: 8px 10px 10px 10px;
}


.img-droite {
float:right;
padding:5px;
border:1px dotted #ccc;
margin: 0 10px 5px 10px;
}


.img-normal {
padding:5px;
border:1px dotted #ccc;
margin:10px;
}



#content3 ul {
padding:5px 10px 5px 25px;
}

#content3 li {
list-style-type:disc;
padding:3px 0;
}


.barre {
border-bottom:1px dotted #ccc;
padding:0;
margin:0 10px 12px 10px;
}

.barre2 {
border-bottom:1px dotted #ccc;
padding:20px 0;
margin:20px 0;
}



.barrefix {
border-bottom:1px dotted #ccc;
padding:0;
margin:0 10px 12px 10px;
clear:both;
}


/* ----------container zentriert das layout-------------- */
#container {
width: 960px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background:#fff url("../img/bg-content.gif") repeat-y;
}

/* ----------banner for logo-------------- */
#banner {
padding: 0 10px;
margin: 0px;
height:100px;
}

.logo {
float: left;
}


/* -----------------Inhalt--------------------- */
#content {
padding: 0px;
margin: 5px 370px 0 15px;
}

#content2 {
padding: 0px;
margin: 5px 315px 0 15px;
}

#content3 {
padding: 0px;
margin: 5px 10px 0 15px;
}


div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 600px;
margin: 0px;
padding: 20px;
}

#right {
float: right;
width: 320px;
margin: 0px;
padding: 5px 25px 15px 15px;
border-left:1px dotted #ccc;
}

/* -----------footer--------------------------- */
#footer {
background:#000;
color:#ccc;
clear: both;
margin: 0 10px;
padding: 0px;
text-align: right;
}

#footer a {
color:#ccc;
text-decoration:none;
}

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

.flag {
/*float:left;*/
float:right;
padding:7px;
}

/*----- MENU -----------*/

#nav {
padding: 0;
margin: 0;
list-style: none;
float:right;
margin-top:40px;
border-bottom:1px solid #ccc;
}

#nav ul {
padding: 0;
margin: 0;
list-style: none;
float:right;

}

#nav a {
display: block;
font-size:150%;
font-weight: normal;
margin: 5px;
text-decoration: none;
color: #555;
}

#nav a:hover { color: #b71930; }

#nav li {
float: left;
margin-right:35px;
background:#fff;
}

#nav li ul {
position: absolute;
width: 15em;
left: -999em;
background:#fff;
padding-top:5px;
}


#nav li ul li {
width: 15em;
border-top:1px dotted #ccc;
font-size:80%;
padding-left:10px;
background: #fff url("../img/puce-losange-gris.gif") no-repeat;
background-position:center left;
padding-left:15px;
}

#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}



/*----- SOUS MENU -----------*/


#liste-menu2 {
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
padding:10px;
background: #f2f2f2 url("../img/fd-degrade-gris.jpg") repeat-x;
background-position:bottom;
margin:10px 0;
}

#liste-menu2 ul {
margin:5px 15px;
padding:1em 3em;
}

#liste-menu2 li {
list-style-image:url("../img/puce-losange.gif");
border-bottom:1px solid #fff;
padding:5px 5px;
margin-left:25px;
}

#sous-menu1 {
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
padding:10px;
background: #f2f2f2 url("../img/fd-degrade-gris.jpg") repeat-x;
background-position:bottom;
margin:10px 0;
width:150px;
}

#sous-menu2 {
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
padding:10px;
background: #f2f2f2 url("../img/fd-degrade-gris.jpg") repeat-x;
background-position:bottom;
margin:10px 0;
float:right;
width:150px;
}

#liste-menu ul {
margin:5px 15px;
padding:1em 3em;
float:left;
}

#liste-menu li {
list-style-image:url("../img/puce-losange.gif");
border-bottom:1px solid #fff;
padding:5px 5px;
margin-left:25px;
}

#zoom {
/*border-bottom: 1px dotted #ccc;*/
padding:10px;
background: #f2f2f2 url("../img/fd-degrade-gris.jpg") repeat-x;
background-position:bottom;
margin:10px 0;
}

#news {
/*border-bottom: 1px dotted #ccc;*/
padding:10px;
background: #f2f2f2 url("../img/fd-degrade-gris.jpg") repeat-x;
background-position:bottom;
margin:10px 0;
}


/*------------------------------------------*/



.col3 {
width:310px;
float:left;
}




/* FOMULAIRE */


.write {
border:1px solid #FFBF73;
padding:2px;
margin:5px 10px;
}

.etoile {
color:#aaa;
}


#con {
float:right;
border:1px dotted #ccc;
padding:10px;
margin:0 10px 10px 40px;
background:#f2f2f2;
}

#con4 {
border:1px dotted #ccc;
padding:5px;
margin:10px;
background:#f2f2f2;
width:400px;
}


#con2 {
border-left:1px dotted #ccc;
padding:10px 10px 10px 25px;
margin:10px 10px 10px 10px;
}


#con3 {
float:right;
border-left:1px dotted #ccc;
padding:0 10px 70px 30px;
margin:10px 10px 10px 40px;
}



#con6 {
float:right;
border-left:1px dotted #ccc;
padding:0 10px 70px 30px;
margin:0 10px 10px 40px;
width:430px;
}


/*---------------*/


#colg {
float:left;
width:220px;
margin-right:0px;
border-right:1px dotted #ccc;
}


#cold {
float:left;
width:320px;
margin-left:10px;
margin-bottom:15px;
}



#content3 ul {
line-height: 1.5em;
text-align:justify;
} 


/*--------*/

#plan li {
list-style-type:none;
}

#plan ul li {
list-style-type:none;
padding-left:28px;
}


.planniv2 {
background: #fff url("../img/fl-faq.gif") no-repeat;
background-position:0% 0%;
}


#plan a {
text-decoration:none;
}

#plan a:hover {
text-decoration:underline;
}

#act li {
padding:0;
margin:0;

}


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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */