@charset "utf-8";
/* CSS Document */

/* Social-plus.com
*  Extension firefox pour facebook
*/

/*
* Corps général du site
*/


body {font-family : Verdana, arial, serif; font-size: 0px;margin:0px;}
li {margin-bottom: 8px; list-style:disc;}
ul {margin-bottom: 10px; margin-top: 10px;}
p {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align:justify;}
img {display: block; border: none; margin-left: auto; margin-right: auto;}
table {border-collapse: collapse;}
caption {text-align: left;}
tr, th, td {padding: 0px;}
a {color:black;}
a:hover {color:black;}


#f1 {width:100%;background:white url(../img/header2.png) top repeat-x;text-align:center;font-size: 11px}

#header {width:889px;height:91px;margin:auto;}
#logo {width:320px;height:72px;float:left;margin-top:15px;}
#logo img {float:left}

#footer {width:859px;height:63px;margin:auto;color:white;}

#cadre_1 {margin:auto;width:889px;}
#top_cadre_1{background: url(../img/cadre_1_haut.png) top center repeat-y;width:889px;height:33px;margin:auto;padding:0px;}
#bas_cadre_1{background: url(../img/cadre_1_bas.png) top center repeat-y;width:889px;height:17px;}
#ventre_cadre_1{background: url(../img/fondcentre.png) top center repeat-y;width:889px;}
#contenu_cadre_1{width:850px;margin:auto;}


#f2 {width:100%;background:white url(../img/footer.png) bottom repeat-x;text-align:center;font-size: 11px}
#cadre_2 {margin:auto;width:889px;}
#top_cadre_2{background: url(../img/cadre_2_haut.png) top center repeat-y;width:889px;height:23px;}
#bas_cadre_2{background: url(../img/cadre_2_bas.png) top center repeat-y;width:889px;height:20px;}
#ventre_cadre_2{background: url(../img/fondcentre2.png) top center repeat-y;width:889px;}

#ecart {width:20px;height:2px;float:left;}
#ptit_cadre_left {width:550px;margin-right:32px;float:left;}
#ptit_cadre_right {width:270px;float:left;}


.clearboth {clear:both;}
.blanc {color:white;}
.blanc:hover {color:white;}
.noeffet {text-decoration:none;}




.cadre_gris {width:843px;margin:auto;}
.haut_cadre_gris {width:843px;height:22px;background:url(../img/haut_cadre_gris.png) no-repeat;}
.bas_cadre_gris {width:843px;height:22px;background:url(../img/bas_cadre_gris.png) no-repeat;}
.fond_cadre_gris {width:843px;background:url(../img/fond_cadre_gris.png) repeat-y;}
.txt_cadre_gris {padding-left:25px;padding-right:25px;font-size:12px;text-align:justify;}

.barre_fonction {display:block;width:843px;height:50px;background:url(../img/barre_fonction.png) no-repeat;margin: 0px;text-decoration:none;text-align:left;}
.barre_fonction span {display:block;padding-top:17px;padding-left:45px;font-size:15px;font-weight:bold;text-decoration:none;color:white;}
.barre_fonction span img {float:left;margin-right:10px;margin-top:2px;height:16px;}
#accordion p {width:780px;padding-left:40px;margin-top:5px;border:0px;}
.gras_fonctions{font-weight:bold;font-size:14px;display:block;margin-left:-10px;}
.gras_fonctions img {float:left;margin-right:5px;}



/* Menu */
#menu {width:540px;height:42px;float:left;margin-left:20px;margin-top:26px;}
#menu a {width:135px;height:42px;float:left;background:url(../img/menus.png) no-repeat top;text-decoration:none;text-align:center;display:block;color:white}
#menu h2 {margin-top:11px;font-size:15px;font-family : Verdana, arial, serif;font-weight:bold;}
#menu a:hover, #menu .page_actuelle {width:135px;height:42px;float:left;background:url(../img/menus.png) no-repeat bottom;text-decoration:none;}
 
#flag {width:90px;height:32px;float:right;margin-left:20px;margin-top:0px;}
#flag img {float:left;margin-right:10px;}

/*
* Pour la page home
*/
    #button_download,#download{width:302px;height:68px; background: url(../img/download2.png) top no-repeat;display:block;color:white;background-color:transparent;text-align:center;text-decoration: none;}
    #button_download:hover,#download:hover{width:302px;height:68px; background: url(../img/download2.png) bottom no-repeat;}
    #button_download h2,#download h2 {padding-top:10px;font-size:28px;font-family : Verdana, arial, serif;font-weight:bold;display:block;}


    /* Pour le grand cadre */
    #home_grand_cadre {width:842px; height:413px;background : url(../img/home_cadre_bleu_download.jpg) top no-repeat;margin:auto;text-align:center;}
    #home_grand_cadre #button_download {margin:auto;margin-top:100px;}

    #home_titre_cadre {width:100%;font-size:30px;font-family : Verdana, arial, serif;font-weight:bold;color:white;text-align:center;padding-top:22px;}
    
    #home_grand_cadre_tripartite {width:805px;height:120px;color:white;font-weight:normal;font-size:11px;font-family : Verdana, arial, serif;margin:auto;margin-top:17px;}
    #home_grand_cadre_tripartite div {float:left;text-align:center;height:120px;}
    .home_grand_cadre_tripartite_titre {display:block;margin:0px;margin-bottom:10px;font-size:14px;font-weight:bold;}
    #home_grand_cadre_tripartite_1 {width:235px;margin-right: 10px;}
    #home_grand_cadre_tripartite_2 {width:275px;margin-right: 10px;}
    #home_grand_cadre_tripartite_3 {width:270px;}
    #home_grand_cadre_tripartite_3 ul {width:200px;text-align:left;}
    #home_grand_cadre_tripartite_3 li {margin-bottom:1px;}




    #home_recensement{width:800px;height:37px;text-align:right;margin:auto;color:white;font-size:20px;padding-top:4px;}




    /*

    Page contact

    */

    #ul_formulaire {width:780px;margin:auto;margin-top:20px;padding:0px;}
    #ul_formulaire li {list-style: none;font-size:14px;height:50px;clear:both;display:block;}
    #ul_formulaire li .label {float:left;width:280px;margin-right:30px;margin-bottom: 20px;font-weight:bold;display:block;height:40px;}
    #ul_formulaire li .grand_label{width:750px;margin-bottom: 20px;font-weight:bold;}
    #ul_formulaire li .explication_form {font-weight:normal;font-style: italic;font-size:12px;height:50px;}

    #ul_formulaire li input {float:left;width:400px;height:20px;margin-bottom: 20px;font-weight:bold;color:blue;font-size:13px;}
    #ul_formulaire li textarea {float:left;width:730px;height:300px;margin-bottom: 20px;margin-top: 15px;font-weight:bold;color:blue;font-size:13px;}
    #ul_formulaire li #submit_contact {width:300px;height:40px;}

#header {width:889px;height:91px;margin:auto;}