/* Conteneurs */
body{
background-color:#1D2449;
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
background-image:url(../img/bg_body.png);
background-repeat: repeat-x
}
div{ font-size: 0.9em}
legend{ color: #354580; font-weight: bold}
p{ margin-left: 20px}
.faq{ margin-bottom: 50px}

/* Images */
img{border: none}

/* Texte */
.underline{ text-decoration: underline}
.petit{ font-size: 0.8em}
.on{color: #FF0000; font-size: 20px;}
.bold{font-weight: bold;}
.rouge{ color: #FF0000;}
.potentiel{ color:#324179; font-weight: bold; font-size: 1.2em;}
.totalweek{ color: #009900; font-size: 0.8em}

/* Div */
.boxroundshadow{-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-radius: 0px 0px 10px 10px; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5); box-shadow: 0 3px 5px rgba(0,0,0,0.5)}
.titreroundshadow{-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-radius: 10px 10px 0px 0px; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5); box-shadow: 0 3px 5px rgba(0,0,0,0.5)}
.totalroundshadow{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5); box-shadow: 0 3px 5px rgba(0,0,0,0.5) }

.titre{position: absolute; border: 1px solid #080E24; height: 20px; background-color: #FF0000; text-align: center; color: #FFFFFF; font-weight: bold; padding: 5px}
.box{position: absolute; border: 1px solid #080E24; padding: 10px 5px 10px 5px}

#box_menu{position: relative; margin-left: 1%; margin-top: 10px; width: 95%; background-color: #1F2851; color: #FFFFFF; text-align: center; background-image:url(../img/bg_menu.jpg); background-repeat: repeat}

#colgauche{position: relative; float: left; margin-left: 1%; margin-top: 40px; margin-bottom: 40px; width: 10%; height:100%}

#titre_potentielsocios{position: relative; width: 100%}
#box_potentielsocios{position: relative; width: 100%; background-color: #EFEFEF; text-align: center; margin-top: -1px}

#titre_potentielcap{position: relative; width: 100%; margin-top: 20px}
#box_potentielcap{position: relative; width: 100%; background-color: #EFEFEF; text-align: center; margin-top: -1px}

#titre_fb{position: relative; width: 100%; margin-top: 20px}
#box_fb{position: relative; width: 100%; background-color: #EFEFEF; text-align: center; margin-top: -1px}

#box_centre{position: relative; float: left; width: 80%; margin-left: 5%; margin-top: 40px; margin-bottom: 40px; background-color: #EFEFEF}

#footer{position: relative; clear: left; width: 50%; font-size: 0.7em; margin: auto; margin-bottom: 30px; padding: 10px;  background-color: #303F76; color: #CCCCCC; text-align: center}

.contenu{margin-left: 50px; margin-right: 50px; margin-top: 50px; line-height: 1.3em; padding-bottom: 30px}

#erreurs{border: 1px solid #FF0000; background-color: #FFFFDE; padding: 10px;}

.shroundgris{border: 1px solid #BFBFBF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 15px; -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 15px; box-shadow:rgba(0,0,0,0.5) 0px 0px 15px; background-color: #DFDFDF; padding: 10px }

#box_prezproj{position: relative; float: left; width: 35%; margin-left: 8%}

#box_besocio{ position: relative; float: left; width: 35%; margin-left: 10%}

#box_avancement{ position: relative; clear: left; float: left; width: 35%; margin-top: 40px; margin-left: 8%}

#box_contact{ position: relative; width: 35%; float: left; margin-top: 40px; margin-left: 10%}

#box_questions{ position: relative; width: 82%; clear: left; float: left; margin-left: 8%; margin-top: 40px; margin-bottom: 50px}

.centre{width: 100%; text-align: center}

.moit1{ position: relative; float: left; width: 50%}
.moit2{ position: relative; float: left; width: 50%}

/* Listes */
li {list-style-type: none; background: url(../img/puce.gif) no-repeat 0 0.32em; padding-left: 25px; margin: 0.5em }
#erreurs li {list-style-type: none; background: url(../img/warning.gif) no-repeat 0 0.32em; padding-left: 25px; margin: 0.5em }
.moit1 li {list-style-type: none; padding-left: 25px; padding-bottom: 10px; margin: 0.5em }
.moit2 li {list-style-type: none; padding-left: 30px; padding-bottom: 10px; margin: 0.5em }

/* Liens */
a:visited{ color: #0000FF}
#footer a:visited, #footer a:link{ color: #999999}
#footer a:hover{ color: #FFFFFF}

/* Titres */
h1{ font-size: 1.8em; text-align: center; color: #354681; margin-bottom: 75px}
h2{ font-size: 1.5em; color: #223C6F; margin-bottom: 30px; margin-top: 60px}
h3{ font-size: 1.2em}
h4{ font-size: 1em; margin-left: 20px; text-decoration: underline}

/* Tableaux */
.prez{width: 70%}
.prez td{ padding-left: 10px; white-space:nowrap;}
.rowtitre{color: #FFFFFF; background-color: #4F81BD; font-weight: bold; text-align: center}
.rowpair{background-color: #D0D8E8; text-align: center}
.rowimpair{ background-color: #E9EDF4; text-align: center}

.devis{ border-collapse: collapse; border: 1px solid #000000; margin: auto; width: 50%}
.devis td{ border: 1px solid #000000; padding: 5px; color: #FFFFFF; background-color: #3D5A96}
.trtitre td{ font-weight:bold; text-align: center; color: #FFFFFF; background-color: #1E254B}