* {margin:0;padding:0;zoom:1;}
html{color:#323131;font: normal 80%/1em Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;}
body{text-align:left;height: 100% ;background:url(../img/bgMain.jpg) repeat-x #fff;}

body { behavior: url("../css/csshover.htc")}; /*Hack pours les pseudo classes :hover pour Internet Explorer 6 */

a{color:#666;font-weight:bold;outline:none;}
img {border:none;}

#all{width:980px;margin:0 auto;}
#header{height:76px;clear:both;overflow:hidden;position:relative;}
#header h1 a{margin-top:5px;background:url(../img/logo-mediapoche.png) no-repeat; width:581px;height:59px;display:block; text-indent:-5000px;}
#corps{clear:both;}
h2{line-height:22px;margin-bottom:15px;}

#corpsDroit{width:800px;margin:0 0px 0 5px;display:inline;position:relative;}
#corpsDroit h2{text-transform:uppercase;font-size:18px;}
#menu,#corpsDroit{float:left;display:inline;}
p#filAriane{font-size:0.8em;font-style:italic;border-bottom:1px dotted #d7d7d7;padding-bottom:10px;margin-bottom:20px;margin-top:10px;}
p#filAriane a{text-decoration:none;}
p#filAriane a:hover{text-decoration:underline;}

#contenu{width:800px;text-align:center;}
#contenu h3{line-height:22px;margin:10px 0;font-size:1.2em;text-align:left;}
#contenu  ul li{text-align:left;}

/*LISTES INTERIEURES*/
#blocListe1,#blocListe2{float:left;/*width:360px;*/text-align:left;}
#blocListe1{margin-right:15px;margin-left:10px;display:inline;}
#contenu li{line-height:18px; list-style:none;margin-bottom:5px;padding-left:10px;background:url(../img/puce-liste.gif) no-repeat center left; text-align:left;}
#blocListe1 ul li a,#blocListe2 ul li a, #contenu li a {color:#323131;text-decoration:none;font-size:0.9em;}
#blocListe1 ul li a:hover,#blocListe2 ul li a:hover, #contenu li a:hover{color:#323131;text-decoration:underline;}


#all.gris #contenu #blocListe1 ul li, #all.red  #contenu #blocListe1 ul li, #all.bleu #contenu #blocListe1 ul li, #all.vert #contenu #blocListe1 ul li, #all.violet #contenu #blocListe1 ul li, #all.jaune #contenu #blocListe1 ul li, #all.bleuMar #contenu #blocListe1 ul li,#all.brun #contenu #blocListe1 ul li,#all.kaki #contenu #blocListe1 ul li {background:url(../img/sprites-puce-liste.png) no-repeat left;}

#all.gris #contenu #blocListe1 ul li{background-position:0 -12px;}
#all.red #contenu #blocListe1 ul li{background-position:0 2px;}
#all.bleu #contenu #blocListe1 ul li{background-position:0 -27px;}
#all.vert #contenu #blocListe1 ul li{background-position:0 -47px;}
#all.violet #contenu #blocListe1 ul li{background-position:0 -68px;}
#all.jaune #contenu #blocListe1 ul li{background-position:0 -83px;}
#all.bleuMar #contenu #blocListe1 ul li{background-position:0 -98px;}
#all.brun #contenu #blocListe1 ul li{background-position:0 -115px;}
#all.kaki #contenu #blocListe1 ul li{background-position:0 -137px;}


/*RECHERCHE*/
#header p#search a{position:absolute; right:0px; top:30px;margin-right:200px;color:#fff;font-size:18px; font-weight:bold;line-height:24px; text-decoration:none;background:url(../img/puce-search.png) no-repeat left; padding-left:20px;display:inline;}
#header p#search a:hover {text-decoration:underline;!important}

form input {border:1px solid #ddd;padding:3px;width:250px;background:#f3f3f3;}
form input:focus{background:#eee; }
form input#submit{background:url(../img/bgSubmit.jpg) no-repeat;width:124px;height:29px;color:#fff;border:none;font-weight:bold;cursor:pointer;outline:none;}

a#retour{background:url(../img/bgRetour.jpg) no-repeat;width:124px;height:29px;color:#fff;border:none;font-weight:bold;cursor:pointer;outline:none;display:block;text-decoration:none;text-indent:-50000px;}
div#warning{height:40px;padding:15px;margin-bottom:10px;}
div#warning p{font-weight:bold; font-size:15px;background:url(../img/warning.png) no-repeat left; padding-left:40px;height:35px;line-height:40px; text-align:left;}
#blocSearch{line-height:22px;padding:10px; border:1px dotted #DF0100;height:50px;text-align:left;}
#blocSearch ul li, #blocSearch h3{text-align:left;}


p.resultat{margin-bottom:15px;font-size:15px;text-align:left;}

/*MENU*/
#menu{margin-top:50px;display:inline;margin-bottom:20px;}
ul#nav{width:149px;background:url(../img/bgMenu.jpg) no-repeat right;padding-right:10px;}
ul#nav li{border-bottom:1px solid #e0e0e0;width:149px;margin-top:0px;list-style:none;}
ul#nav li a{display:block;height:20px;text-decoration:none;color:#323131;font-size:12px;width:149px;height:20px;padding-left:10px;padding-top:5px;font-weight:bold;margin-left:3px;outline:none;}
ul#nav li a:hover{color:#fff;}

ul#nav li.gris a,ul#nav li.red a,ul#nav li.bleu a,ul#nav li.vert a,ul#nav li.violet a,ul#nav li.jaune a,ul#nav li.bleuMar a,ul#nav li.brun a,ul#nav li.kaki a{background:url(../img/puce-menu.png) no-repeat;}

ul#nav li.gris a{background-position: left 10px;}
ul#nav li.red a{background-position: left -11px;}
ul#nav li.bleu a{background-position: left -33px;}
ul#nav li.vert a{background-position: left -60px;}
ul#nav li.violet a{background-position: left -235px;}
ul#nav li.jaune a{background-position: left -89px;}
ul#nav li.bleuMar a{background-position: left -120px;}
ul#nav li.brun a{background-position: left -152px;}
ul#nav li.kaki a{background-position: left -191px;}


ul#nav li.gris a:hover, ul#nav li.red a:hover,ul#nav li.bleu a:hover, ul#nav li.vert a:hover, ul#nav li.violet a:hover, ul#nav li.jaune a:hover,ul#nav li.bleuMar a:hover,  ul#nav li.brun a:hover, ul#nav li.kaki a:hover{background:url(../img/puce-blanche.gif) no-repeat left;}

ul#nav li:hover.gris {background:#7F7F7F;}
ul#nav li:hover.red {background:#E36663;}
ul#nav li:hover.bleu {background:#70a1d2;}
ul#nav li:hover.vert {background:#9fc895;}
ul#nav li:hover.violet {background:#7a7cb5;}
ul#nav li:hover.jaune {background:#fdcd6b;}
ul#nav li:hover.bleuMar {background:#5b83ac;}
ul#nav li:hover.brun {background:#c7ab9c;}
ul#nav li:hover.kaki {background:#a0ae89;}



/*HOME*/
#home {margin-bottom:10px;text-align:left;}
#home h2{text-indent:-500000px;background:url(../img/mediapoche.jpg) no-repeat; height:38px;width:292px;text-align:left;}
#home #info{clear:both;margin-bottom:30px;}
#home #info p{font-size:13px;line-height:18px;margin-bottom:10px;}
#home #info ul li{font-size:13px;margin:10px 0 10px 20px;text-align:left;}
#colG, #colD{float:left;font-size:12px;}
#colG p, #colD p {line-height:20px;text-align:left;}
#colG{width:512px;margin-right:50px;}
#colD{width:230px;background:url(../img/bgHomeColD.jpg) no-repeat top;padding-top:5px;	margin-bottom:20px;}
#colD p{width:200px;margin:10px 15px;}
#colG #commande{margin-top:10px;border-top:10px solid #d72a2c; font-weight:bold; }
#colG #commande p{margin-top:15px;text-align:left;}
#colG #commande ol li { text-align:right;margin:15px 0;}
#colG #commande ol li.first{padding-left:50px;background:url(../img/puce-1.jpg)  no-repeat center left;}
#colG #commande ol li.second{padding-left:50px;background:url(../img/puce-2.jpg)  no-repeat center left;}

span.red{color:#d72a2c;}

/*CLASSES EN FONCTION DES COULEURS DES PAGES*/

#all.gris h2,#all.gris p#filAriane a,#all.gris p#filAriane, #all.gris #navInterne, #all.gris #navInterne a, #all.gris #blocBottom p.currentPage{color:#7F7F7F;}
#all.gris #footer {background:#7F7F7F;}
#all.gris #head_table {background:#7F7F7F;}

#all.red h2,#all.red p#filAriane a,#all.red p#filAriane, #all.red #navInterne, #all.red #navInterne a, #all.red #blocBottom p.currentPage{color:#E36663;}
#all.red #footer {background:#E36663;}
#all.red #head_table {background:#E36663;}

#all.bleu h2,#all.bleu p#filAriane a,#all.bleu p#filAriane, #all.bleu #navInterne, #all.bleu #navInterne a, #all.bleu #blocBottom p.currentPage{color:#70a1d2;}
#all.bleu #footer {background:#70a1d2;}
#all.bleu #head_table {background:#70a1d2;}

#all.vert h2,#all.vert p#filAriane a,#all.vert p#filAriane, #all.vert #navInterne, #all.vert #navInterne a, #all.vert #blocBottom p.currentPage{color:#9fc895;}
#all.vert #footer {background:#9fc895;}
#all.vert #head_table {background:#9fc895;}

#all.violet h2,#all.violet p#filAriane a, #all.violet p#filAriane, #all.violet #navInterne, #all.violet #navInterne a, #all.violet #blocBottom p.currentPage{color:#7a7cb5;}
#all.violet #footer {background:#7a7cb5;}
#all.violet #head_table {background:#7a7cb5;}

#all.jaune h2,#all.jaune p#filAriane a,#all.jaune p#filAriane, #all.jaune #navInterne, #all.jaune #navInterne a, #all.jaune #blocBottom p.currentPage{color:#fdcd6b;}
#all.jaune #footer {background:#fdcd6b;}
#all.jaune #head_table {background:#fdcd6b;}

#all.bleuMar h2,#all.bleuMar p#filAriane a, #all.bleuMar p#filAriane, #all.bleuMar #navInterne, #all.bleuMar #navInterne a, #all.bleuMar #blocBottom p.currentPage{color:#5b83ac;}
#all.bleuMar #footer {background:#5b83ac;}
#all.bleuMar #head_table {background:#5b83ac;}

#all.brun h2,#all.brun p#filAriane a,#all.brun p#filAriane, #all.brun #navInterne, #all.brun #navInterne a, #all.brun #blocBottom p.currentPage{color:#c7ab9c;}
#all.brun #footer {background:#c7ab9c;}
#all.brun #head_table {background:#c7ab9c;}

#all.kaki h2,#all.kaki p#filAriane a, #all.kaki p#filAriane, #all.kaki #navInterne, #all.kaki #navInterne a, #all.kaki #blocBottom p.currentPage{color:#a0ae89;}
#all.kaki #footer {background:#a0ae89;}
#all.kaki #head_table {background:#a0ae89;}


/*NAVIGATION INTERNE*/
#navInterne{position:absolute;right:0px;top:60px;}
#navInterne a{text-decoration:none;}
#navInterne a:hover{text-decoration:underline;}

#blocBottom p.currentPage{text-align:right;font-size:14px;text-transform:uppercase;line-height:16px;padding-top:10px;font-weight:bold;}


/*FOOTER*/
#blocBottom {clear:both;width:980px;margin-top:20px;}
#footer{height:55px;width:980px;overflow:hidden;margin-top:5px;background:#DE0000; text-align:center;clear:both;}
#footer p , #footer a{color:#fff;font-size:11px;}
#footer p{line-height:25px;}

/*head_table*/
h3#head_table{color:#fff;font-size:14px;font-weight:bold;width:790px;overflow:hidden;margin-top:5px;background:#DE0000; text-align:left;clear:both;padding:2px 5px;}


/*Useful*/
p.tright{text-align:right;}