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

* { margin:0; padding:0; border:0; }
body { background:#FFFFFF; font-family: Arial, Tahoma, Verdana; font-size:12px; color:#000000; }

p { margin:0 0 18px 0; }

.col, .col1, .col2, .col3 { float:left; }
.clear { clear:both; }
.photo1 { padding-top:30px; padding-right:30px; cursor:pointer;}


.input { border:1px solid #6b86ac; background:#FFFFFF; padding:2px; }
.button { border:1px solid #6b86ac; background:#FFFFFF; padding:2px; cursor:pointer; }

.infos { border:1px solid #3366CC; padding:20px; margin:0 0 20px 0;}
.infos ul { margin:0 }
.infos ul .errorLi { margin:0 0 4px 0; list-style-type:none; background:url("admin/pix/puce_middle.gif") no-repeat 0% 65%; padding-left:15px; }

.centre {width:1002px; margin:auto; }

.menu {width:1002px; height: 77px; margin:auto;}
.menu .menupart1{ float:left; width:18px; height:77px; background-image:url(design/menug.jpg); background-repeat:no-repeat; }
.menu .menucentre{ float:left; width: 966px; height:77px; background-image:url(design/menuc.jpg); background-repeat:repeat-x; text-transform: uppercase ; }
.menu .menupart2{ float:left; width:18px; height:77px; background-image:url(design/menud.jpg); background-repeat:no-repeat; }

.menupartg{ float:left; width:540px; height:250px;}
.menupartd{ float:left; width: 460px; height:250px;}

.b1{ width:460px; text-align:center; margin-top:40px }
.b2{ float:left; width:230px; text-align:center; margin-top:20px; }
.b3{ float:left; width:230px; text-align:center; margin-top:20px;}
.b4{ float:left; width:230px; text-align:center; margin-top:20px; }
.b5{ float:left; width:230px; text-align:center; margin-top:20px; margin-bottom:0px; }
.b6{ float:left; width:230px; text-align:center; margin-top:20px; margin-bottom:20px; }
.b7{ float:left; width:230px; text-align:center; margin-top:20px; margin-bottom:20px; }
.b1 a { text-decoration:none; color : black; }
.b2 a { text-decoration:none; color : black; }
.b3 a { text-decoration:none; color : black; }
.b4 a { text-decoration:none; color : black; }
.b5 a { text-decoration:none; color : black; }
.b6 a { text-decoration:none; color : black; }
.b7 a { text-decoration:none; color : black; }


.b9{ text-align:center; text-align:center;  margin-top:20px; }
.b9 a { text-decoration:none; color : black;  }

.textebouton { padding-top:4px; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:20px; text-decoration:none; height:28px;}

.boutonat { background-image:url(design/boutonta.png); background-repeat:no-repeat; text-align:center; margin:auto; width:281px; height:28px; cursor:pointer; }



.boutonat a { text-decoration:none; color : black; }
.boutona2 a { text-decoration:none; color : black; }
.boutoncl a { text-decoration:none; color : black; }
.boutonhu a { text-decoration:none; color : black; }
.boutonjp a { text-decoration:none; color : black; }
.boutonmu a { text-decoration:none; color : black; }
.boutonata a { text-decoration:none; color : black; }


.boutonat2 a { text-decoration:none; color : white; }
.boutona22 a { text-decoration:none; color : white; }
.boutoncl2 a { text-decoration:none; color : white; }
.boutonhu2 a { text-decoration:none; color : white; }
.boutonjp2 a { text-decoration:none; color : white; }
.boutonmu2 a { text-decoration:none; color : white; }
.boutonata2 a { text-decoration:none; color : white; }

.boutonat2 { background-image:url(design/boutonhat.png); background-repeat:no-repeat; text-align:center; margin:auto; width:281px; height:28px; cursor:pointer; }
.boutona22 { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutoncl2 { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutonhu2 { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutonjp2 { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutonmu2 { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutonata2 { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}


.boutona2 { background-image:url(design/boutona2.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutoncl { background-image:url(design/boutoncl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutonhu { background-image:url(design/boutoncl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutonjp { background-image:url(design/boutoncl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutonmu { background-image:url(design/boutoncl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}
.boutonata { background-image:url(design/boutoncl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; cursor:pointer;}

.boutonat div:hover { color:white; cursor:pointer;}
.boutona2 div:hover { color:white; cursor:pointer;}
.boutoncl div:hover { color:white; cursor:pointer;}
.boutonhu div:hover { color:white; cursor:pointer;}
.boutonjp div:hover { color:white; cursor:pointer;}
.boutonmu div:hover { color:white; cursor:pointer;}
.boutonata div:hover { color:white; cursor:pointer;}

.boutonat:hover { background-image:url(design/boutonhat.png); background-repeat:no-repeat; text-align:center; margin:auto; width:281px; height:28px;}

.boutona2:hover { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; color:white;}
.boutoncl:hover { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; color:white;}
.boutonhu:hover { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; color:white;}
.boutonjp:hover { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; color:white;}
.boutonmu:hover { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; color:white;}
.boutonata:hover { background-image:url(design/boutonhcl.png); background-repeat:no-repeat; text-align:center; margin:auto; width:178px; height:28px; color:white;}

.boutonatsel {  background-image:url(design/boutonhat.png); background-repeat:no-repeat; text-align:center; margin:auto; width:281px; height:28px;}

.bandeaufla { width:1002px; padding-top:10px; margin-bottom:30px; }
.cadreenglob{width:959px; margin:auto; padding-bottom:20px; font-family: Arial, Tahoma, Verdana;}
.cadrehaut{width:959px; height:25px; background-image:url(design/cadrehaut.jpg); background-repeat:no-repeat; margin-bottom:0px;}
.cadre{ background-image:url(design/cadre.jpg); background-repeat:repeat-y; padding-bottom:10px;}
.cadrebas{width:959px; height:25px; background-image:url(design/cadrebas.jpg); background-repeat:no-repeat; margin-top:0px;}

.cadreenglob2{width:959px; margin:auto; padding-bottom:20px; font-family: Arial, Tahoma, Verdana;}
.cadrehaut2{width:959px; height:2px; margin-bottom:0px;}
.cadre2{ padding-bottom:10px;}
.cadrebas2{width:959px; height:2px; margin-top:0px;}

.acte2 {font-size:16px;  text-transform:uppercase;  font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin-left:14px; color:black; text-decoration:none;}
.acte2 a {font-size:16px;  text-transform:uppercase;  font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin-left:14px; color:black; text-decoration:none;}

/*========== Construction ==========*/

/*---------- header ----------*/
#header { height:250px; padding:0 0 0 0; background:url(design/header_02.jpg) no-repeat; font-size:12px; }
#header2 { height:100px; padding:0 0 0 0; background:url(design/header_02b.jpg) no-repeat; font-size:12px; }

#header ul { display:block; height:30px; list-style:none; clear:both; }
#header ul li { display:inline; float:left; }
#header ul li a { display:block; height:22px; background:none; line-height:20px; }

#header .lvl1 li { background:url(images/menu_lvl1_separ.jpg) no-repeat right; padding:0 5px 0 5px; }
#header .lvl1 li.last { background:none;  }
#header .lvl1 li a { color:#000000; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:4px 10px 4px 10px; margin:0 10px 0 10px; }
#header .lvl1 li:hover a { color:#FFFFFF; }

#header .lvl1 li:hover .bg { background:url(images/menu_lvl1_on.jpg) repeat-x center; }
#header .lvl1 li:hover .bord_l { height:30px; background:url(images/menu_lvl1_on_l.jpg) no-repeat left; }
#header .lvl1 li:hover .bord_r { height:30px; background:url(images/menu_lvl1_on_r.jpg) no-repeat right; }

#header .lvl1 li.selected .bg { background:url(images/menu_lvl1_on.jpg) repeat-x center; }
#header .lvl1 li.selected .bord_l { height:30px; background:url(images/menu_lvl1_on_l.jpg) no-repeat left; }
#header .lvl1 li.selected .bord_r { height:30px; background:url(images/menu_lvl1_on_r.jpg) no-repeat right; }

.lvl2 li { float:left;; margin-top:8px; list-style-type:none;}
.lvl2 li a { color:#FFFFFF; text-decoration:none; font-weight:bold; padding:8px 10px 0px 10px; }
.lvl2 li a:hover { text-decoration:underline; }



/*---------- contenu ----------*/
#content {  width:1000px; margin-top:30px;}
#content .indent { padding:0px; padding-bottom:0px; }

#fiche #content { float:left; }


/*---------- footer ----------*/
#footer { width: 1002px; height:80px; background-image:url(design/footer.png); background-repeat:no-repeat; }
#footer2 { width: 1002px; height:80px;}

.foo{width:1002px; text-align:center; padding-top:20px; color:white;}
.foo a {color:white; text-decoration:none;}
.foo a:hover { text-decoration:underline; }

.foo2{width:1002px; text-align:center; padding-top:20px; color:black;}
.foo2 a {color:black; text-decoration:none;}
.foo2 a:hover { text-decoration:underline; }

/*========== Contenu ==========*/

/*---------- page.php ----------*/
#page #content .row1 {  padding:0 10px 0 30px;}

#page #content .row1 h1 a { font-size:30px; color:#224e8c; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#page #content .row1 h1 a .firstletter { font-size:40px }


#page #content .row1 h2 { font-size:16px; color:black; text-decoration:none; text-transform:uppercase; margin-right:20px; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;float:left;}
#page #content .row1 h2 a { font-size:16px; color:black; text-decoration:none; text-transform:uppercase; margin-right:20px; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;float:left;}


#page #content .row1 h3 a { font-size:30px; color:#d70019; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#page #content .row1 h3 a .firstletter { font-size:40px }


#page #content .row1 h4 a { font-size:30px; color:#62b0f0; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#page #content .row1 h4 a .firstletter { font-size:40px }


#page #content .row1 h5 a { font-size:30px; color:#17468c; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#page #content .row1 h5 a .firstletter { font-size:40px }




#page #content .row2 { padding:20px 0 0 0;}
#page #content .row2 .col1 { width:400px; min-height:100px; margin:0 0 0 0; text-align:center;}
#page #content .row2 .col2 { width:480px; min-height:100px; margin:0 0 0 10px; text-align:justify;}
#page #content .row2 .col2 h1.titre  { color:#224e8c; font-size:24px; text-align:center; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; }
#page #content .row2 .col3 { width:940px; min-height:100px; margin:0 0 0 0; }
#page #content .row2 .col3 h1.titre  { color:#224e8c; font-size:24px; text-align:center; margin-bottom:20px; }

/*---------- fiche_liste.php ----------*/

#fiche_liste #content .row1 { padding:0 30px 0 30px; margin-bottom:0px;  }

#fiche_liste #content .row1 h1 a { font-size:30px; color:#224e8c; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#fiche_liste #content .row1 h1 a .firstletter { font-size:40px }


#fiche_liste #content .row1 h2 { font-size:16px; color:black; text-decoration:none; text-transform:uppercase; margin-right:20px; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;float:left;}
#fiche_liste #content .row1 h2 a { font-size:16px; color:black; text-decoration:none; text-transform:uppercase; margin-right:20px; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;float:left;}


#fiche_liste #content .row1 h3 a { font-size:30px; color:#d70019; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#fiche_liste #content .row1 h3 a .firstletter { font-size:40px }


#fiche_liste #content .row1 h4 a { font-size:30px; color:#62b0f0; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#fiche_liste #content .row1 h4 a .firstletter { font-size:40px }


#fiche_liste #content .row1 h5 a { font-size:30px; color:#17468c; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#fiche_liste #content .row1 h5 a .firstletter { font-size:40px }




#fiche_liste #content .row2 { text-align:center; width:auto; margin:0 auto 0 auto; padding:10px 20px 0 20px;}
#fiche_liste #content .row2 a{ text-decoration:none; }
#fiche_liste #content .row2 img { margin:5px; }
#fiche_liste #content .row4 { text-align:center; width:auto; margin:0 auto 0 auto; padding:10px 20px 0 20px;}
#fiche_liste #content .row4 a{ text-decoration:none; }
#fiche_liste #content .row4 img { margin:5px; }
#fiche_liste #content .row3 { text-align:center; width:auto; margin:0 auto 0 auto; padding:10px 20px 0 20px;}
#fiche_liste #content .row3 a{ text-decoration:none; }
#fiche_liste #content .row3 img { margin:5px; }

/*---------- fiche.php ----------*/
#fiche #content .row1 {padding:0 30px 0 30px; margin-bottom:0px; cursor:pointer; }

#fiche #content .row1 h1 a { font-size:30px; color:#224e8c; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#fiche #content .row1 h1 a .firstletter { font-size:40px }


#fiche #content .row1 h2 { font-size:16px; color:black; text-decoration:none; text-transform:uppercase; margin-right:20px; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;float:left;}
#fiche #content .row1 h2 a { font-size:16px; color:black; text-decoration:none; text-transform:uppercase; margin-right:20px; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;float:left;}


#fiche #content .row1 h3 a { font-size:30px; color:#d70019; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#fiche #content .row1 h3 a .firstletter { font-size:40px }


#fiche #content .row1 h4 a { font-size:30px; color:#62b0f0; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#fiche #content .row1 h4 a .firstletter { font-size:40px }


#fiche #content .row1 h5 a { font-size:30px; color:#17468c; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#fiche #content .row1 h5 a .firstletter { font-size:40px }



#fiche #content .row2 { padding-left:20px; padding-right:20px; margin-bottom:0px;}
#fiche #content .row2 .col1 { width:300px; min-height:100px; margin:0 20px 0 0; }
#fiche #content .row2 .col2 { width:400px; min-height:100px; margin:0 0 0 0; }
#fiche #content .row2 .h1.titre  {  font-size:35px; text-align:center; margin-bottom:20px; }
#fiche #content .row2 .smenu { margin-bottom:20px; text-align:center; }

#fiche #content .row2 .item { border:none; background:none; padding:0; margin:0; overflow:visible; text-align:center;
		height:26px; cursor:pointer; text-decoration:none; margin-bottom:5px; }
#fiche #content .row2 .item , #fiche #content .row2 .col2 .item  { height:26px; line-height:26px; margin:0; padding:0; }
#fiche #content .row2 .item  { color:#8b6b6b; text-decoration:none; font-size:12px; text-transform: uppercase ; font-weight:bold; margin-right:20px;}
#fiche #content .row2 .item:hover {color:#d10000; text-decoration:none; text-transform: uppercase ; font-weight:bold; }
#fiche #content .row2 .selected {color:#d10000; text-decoration:none; font-size:12px; text-transform: uppercase ; font-weight:bold;  margin-right:20px;}

#fiche #content .row2 .intro { background:url(images/intro_r.jpg) repeat-y right #f3f2f8; margin-bottom:20px; }
#fiche #content .row2 .intro .top { background:url(images/intro_t.jpg) no-repeat top; }
#fiche #content .row2 .intro .bot { background:url(images/intro_b.jpg) no-repeat bottom; padding:10px; }

#fiche .titrefiche {height:30px; padding-bottom:4px; border-bottom-style:solid; border-bottom-width:1px; border-color:#000000; font-family:Verdana; font-size:24px; font-weight:bold; color:#640000; margin-bottom:20px; margin-top:0px;}

#fiche .titrefiche2 {height:30px; padding-bottom:4px; border-bottom-style:solid; border-bottom-width:1px; border-color:#000000; font-family:Verdana; font-size:24px; font-weight:bold; color:#ff0000; margin-bottom:20px; margin-top:0px;}

/*---------- contact.php ----------*/
#contact #content .row1 {padding:0 30px 0 30px;}
#contact #content .row1 h1 a { font-size:30px; color:#224e8c; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#contact #content .row1 h1 a .firstletter { font-size:40px }


#contact #content .row1 h2 { font-size:16px; color:black; text-decoration:none; text-transform:uppercase; margin-right:20px; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;float:left;}
#contact #content .row1 h2 a { font-size:16px; color:black; text-decoration:none; text-transform:uppercase; margin-right:20px; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;float:left;}


#contact #content .row1 h3 a { font-size:30px; color:#d70019; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#contact #content .row1 h3 a .firstletter { font-size:40px }


#contact #content .row1 h4 a { font-size:30px; color:#62b0f0; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#contact #content .row1 h4 a .firstletter { font-size:40px }


#contact #content .row1 h5 a { font-size:30px; color:#17468c; text-decoration:none;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; display:inline;}
#contact #content .row1 h5 a .firstletter { font-size:40px }


#contact #content .row2 { padding-top:40px; font-family: Arial, Helvetica, sans-serif;}
#contact #content .row2 .col1 { width:410px; min-height:100px;  margin:0 0 0 0; text-align:center; float:left; }
#contact #content .row2 .col2 { width:480px; min-height:100px; margin:0 0 0 0; float:right; padding-right:35px;}
#contact #content .row2 .col2 h3.titre  { color:#224e8c; font-size:16px; margin-bottom:10px; }
#contact #content .row2 .col2 .adresse { margin-bottom:60px; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:black; font-weight:normal;}
#contact #content .row2 .col2 .formulaire p { margin:0 0 10px 0; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:black; font-weight:normal; }