html {height:100%;width:100%;margin:0;padding:0;}
body {background-image:url(../img/fond.jpg);background-repeat:repeat-x;background-color:#343434;
margin:0;padding:0;font-size:1em;font-family: Verdana, Arial, Helvetica, sans-serif;}

#cont{width:960px;margin:0 auto;}

#ent {height:70px;background-image:url(../img/gl_h.png);background-position:100% 6px;background-repeat:no-repeat;}

#logo {float:left;}

#logo img{border:none;padding:10px 0 0 12px; }

#slog {float:left;color:#eee;height:41px;width:608px;}

#slog P{font-variant: small-caps;font-weight:lighter;font-size:1.3em;padding:14px 0 0 0;margin:10px 0 0 150px;}

/*======nav bar====================*/

#nav {background-image:url(../img/gl_b.png);background-position:100% 0px;background-repeat:no-repeat;
position:absolute;z-index:30;
top:70px;height:50px;width:960px;height:40px;color:#aaa;/*=========couleur sans lien=============*/}

#un img {border:none;padding-top:3px;}
#un {list-style:none;margin:0;padding:0;height:40px;}

#ici, #la, #menu0, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6{
float:left;width:105px;font-size:12px;text-align:center;padding-top:10px;height:34px; /*Hauteur pas de lien*/}

#ici a , #la a,#menu0 a, #menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a{
text-decoration:none;
color:#aaa;}


#ici a:hover, #la a:hover, #menu0 a:hover, #menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover
{text-decoration:none;color:#7794D4;}

#ici {background-image:url(../img/fleche.png);background-repeat:no-repeat;background-position:50% 0;}

#smenu0, #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6{
width:200px;display:none;list-style:none;text-align:left;background:#292929;margin-top:6px;
line-height:15px;border-bottom:1px solid red;padding-top:15px;padding-left:15px;padding-bottom:15px;}

.sm{padding-bottom:20px;}

#page_ici {color:#cc0000;font-weight:bold;height:33px;}

/* ==============================nav barre fin */
/* mat */
.case1, .case3, .case5, .case7 {clear:both;float:left;width:314px;}
.case2, .case4, .case6 {float:left;width:314px;}

.case3, .case4, .case5, .case6, .case7 {margin-top:30px;}

.liste i{font-size:13px;}

.case1 img, .case2 img, .case3 img, .case4 img, .case5 img, .case6 img, .case7 img{
float:left;margin:0;padding:0px;border:1px solid #6E6E6E;}

.case1 a, .case2 a, .case3 a, .case4 a, .case5 a, .case6 a, .case7 a {color:#6E6E6E;}
.case1 a:hover, .case2 a:hover, .case3 a:hover, .case4 a:hover, .case5 a:hover, .case6 a:hover, .case7 a:hover{color:#ccc;}

.liste {padding-left:10px;width:174px;float:right;}

.liste ul{font-size:14px;list-style:none;margin-left:0px;padding:10px}

.liste ul a{color:#EEE}
.liste ul a:hover{padding-left:10px;color:#6e6e6e;}
/* mat */



#ou {width:960px;top:120px;position:absolute;z-index:10;}

#lg {float:right;padding:4px 0px 0 5px;}

#lg img {border:none;}

#rech {float:right;}

#rech_t {float:right;padding-top:5px;background:#ccc;color:#7794D4;border:none;}

#loupe {float:right;padding:4px 10px 1px 5px;border:none;}

#page {width:960px;position:absolute;top:144px;z-index:10;}


#gauche, #gaucheI ,#gaucheM {float:left;width:638px;}

#gaucheI img {
border:none;
margin:20px 40px 0 50px;}


#droite {float:right;width:320px;height:490px;}

#dbas img {border:none;}

#dhaut  {text-align:center;margin-top:20px;width:320px;height:220px;}

#dbas {margin-top:20px;width:320px;text-align:center;height:468px;}


#dbas a{color:orange;}
#dbas a:hover{color:red;}
#dbas p{color:white;font-size:12px;}

/*        )======pied====================( */

#pied {padding:20px;clear:both;color: #eee;margin-bottom:40px;font-size:0.9em;text-align:center;}


#tel {color:#FF3333;}
#tel span {font-size:1em;}

#pied a{color:#aaa;font-size:0.9em;text-decoration:none;padding:20px;}

#pied a:hover{color:#fff;}
/*        )======pied======FIN===========( */

/* defillement */

#dhaut {
overflow:hidden;
width:320px;
height:220px;
border:1px solid #444;
}

#bonus {position:relative;top:0px;}

#bonus ul{list-style:none;padding:0;margin:0;}

#bonus li{ padding-bottom:30px;}
#bonus a {color:#999;}
#bonus a:hover{color:#ee4;}
#bonus img {border:none;}



/*  tableau leger =======================================================*/

#leger {float:right;padding:16px 10px 0 10px;margin-bottom:15px;}
#boxaimg {
text-align:center;margin-top:50px;clear:both;}
#boxaimg img {padding:0 40px;}

#tb1 {margin:20px;font-size:14px;}
.ligne {background-color:#a40000;}
.ligne b {color:#eee;font-weight:bold;}
.ligne a {color:#FFA500;text-decoration:none;font-size:14px;}

.surbrillance a {color:#cc0000;text-decoration:underline;font-size:14px;}

.nom_mat  {color:#ccc;font-weight:bold;color:red;}
.surbrillance {background-color:#ccc;color:black;}
.titre_mat  {font-weight:bold;color:#fff;text-align:center;}
.aquam  {font-weight:bold;color:#fff;font-size:16px;text-align:center;padding:10px;}


/*  tableau leger FIN */







/*===================================les pages================================*/


#deco P{
font-variant: small-caps;
font-weight:lighter;
font-size:1.3em;
padding:14px 0 0 0;
margin:10px 0 0 150px;
}

#place {float:left;margin-top:3px;font-size:0.9em;}
.maison a{color:black;text-decoration:none}
.espace {color:#fcaf3e;}
#pageOU {color:#CCC;}

#gauche h1 {
font-size:1em;
float:left;
color:#eee;
padding:10px 20px 0px 0px;
margin:0;
text-shadow:1px 1px 1px #A40000;}

#gauche p,#gaucheM p{
font-size:13px;
color:#eee;
text-align:justify;
margin-right:10px;
}


/*===============MATOS====================*/

#matos p {clear:left;}

.trait1{clear:both;width:400px;margin-top:20px;margin-bottom:20px;}
.mbox {clear:both;width:638px;margin:0 0 30px 0;}

.msb1 {clear:both;float:left;margin:0;padding:0;}
.msb1 img {border:1px solid #6E6E6E;}

.msb2{float:right;width:525px;}

.msb2 a{font-size:1.3em;font-weight:bold;text-decoration:none;
color:#07D;padding:4px 10px 0 0;margin:0;text-shadow:1px 1px 1px #888;}

.msb2 a:hover{color:#ccc;text-shadow:1px 1px 10px #fff;}

.msb3 {float:right;width:525px;margin-bottom:20px;}
.msb3 p{margin:0;padding:2px 0 0 5px;}
.msb3 p b{color:#FF8000;font-weight:normal;}

.msb4 {float:right;width:525px;margin-bottom:50px;}

.msb4 a {color:#07D;}
.msb4 a:hover{color:#ccc;text-shadow:1px 1px 10px #fff;}

/* ============== MATOS A+++++++++++++=== */


#gaucheM h1 {text-align:center;font-size:1.5em;
color:#eee;padding:20px ;margin:0;
text-shadow:1px 1px 1px #A40000;}




/* ============== MATOS A+++++++++++++=== */


/*         =======mail==== */

#gauche-mail h1 {
font-size:1em;
float:left;
color:#eee;
margin:10px;
text-shadow:1px 1px 1px #A40000;
height:500px}

#gauche-mail a {
font-size:1.5em;

color:#eee;
}


#gauche-mail p{
font-size:13px;
color:#eee;padding-top:12px;}


.etR {color:red;}
#vert {text-align:center;color:green;padding:60px;}
#rouge {text-align:center;color:red;padding:60px;}

/*         =======mail==== */

/*                        RESULTAT */
#gaucheRes {width:960px;}

#gaucheRes h1 {text-align:center;font-size:1.5em;
color:#eee;padding:20px ;margin:0;
text-shadow:1px 1px 1px #A40000;}

.obj1 img{border:none}

.obj2 {margin:0 0 10px 0;}
.obj2 a{color:#ccc;}
.obj2 a:hover{color:#cA0000;}


/* ===========RESULTAT===== */

#res1 {}
#res1 h2{
font-size:1.1em;
font-weight:bold;
text-decoration:none;
text-align:center;
color:#07D;
padding:4px 10px 6px 0;
margin:0;
text-shadow:1px 1px 0px #888;}

#res2_M {
padding-top:10px;
text-align:center; width:49%;float:left;}

#res2_M img {border:none}

#res2_doc {
padding-top:30px;
text-align:left;
width:49%;
float:left;}

#res2_doc a {color:#eee;font-size:14px;text-decoration:none}
#res2_doc a:hover{color:orange;}

#res2_G {display:none;
padding-top:10px;
text-align:center; width:49%;float:left;
}
#res2_G img {border:none}



#res3 {clear:both;}
#res3 p b{font-size:14px;color:#ccc;text-align:center;padding:4px 0;}

#res3 p{font-size:13px;color:#eee;text-align:justify;padding:4px;}

#res4 {text-align:center;}
#res5 {text-align:center;}


/* =============== form============ */
#form {text-align:center;
color:#eee;
}


textarea, input{

margin-bottom:20px;
background:#ccc;
border:1px solid black;
}

/* =============== RECHERCHE ============ */
#rech_nul {color:red;}