/* PARTIE CENTRALE */

td {Vertical-align: top;}
body {margin: 0px;padding: 0px;background-color: #333333;color:#FFF;}
img {border:0px none;}
form {margin: 0px;padding: 0px;display: block;}
b {color: #FF8800;}
html {font-size:12px;font-family:  Arial,Tahoma;}

h1 {margin:0px;padding:15px 0px 0px 65px;
display:block;font-size:16px;color:#333;height:50px;
background: url(../images/H1.png) no-repeat;}
h2 {margin:10px 10px;padding:0px;display:block;font-size:16px;color:#FF8800;}
.h2_down {border: 1px solid #333333;padding:5px;margin-bottom:15px;background: #222222;text-align: justify;line-height: 16px;}
h3 {margin:0px;padding:2px 2px 2px 15px;display:block;font-size:12px;}

.plugin {}
.plugin_up  {margin:0px;padding:2px 2px 2px 10px;display:block;font-size:14px;color:#FFAA00;font-weight: bold;}
.plugin_down  {border: 1px solid #333333;padding:5px;margin-bottom:15px;background: #222222;text-align: justify;line-height: 16px;}

/* ---------------------------- CONTENU DU SITE ---------------------------- */
#zone {background: url(../images/Cms-Template-004-Fond.jpg) repeat-y;height: 700px;width: 1000px;position: absolute;left: 50%;margin-left: -500px;z-index: 1;}

/* ---------------------------- BARRE DE MENU ---------------------------- */
#barremenu {height: 25px;background-image: url(../images/Cms-Template-004-MenuH.jpg);padding-top:5px;font-size:14px;}
#barremenu .placement {width: 750px;display: block;float: left;padding-left: 50px;}
#barremenu .icone {width: 200px;float: left;display: block;height: 30px;text-align: center;color:#ffffff;}

/* ---------------------------- TETE DU SITE  ---------------------------- */
#tete {height: 200px;width: 1000px;background: url(../images/Cms-Template-004-Entete.jpg) no-repeat #006699;}
.logo {height: 120px;width: 700px;background: url(../images/logo.png) no-repeat;}

#corps {background: url(../images/Cms-Template-004-Corps.jpg) no-repeat;color: #CCCCCC;height: 500px;margin: 0px;padding: 0px;width: 600px;}
#corps_contenu{margin-top:75px;margin-left:25px;margin-right:35px;text-align:justify;}
#droite, #gauche {margin: 0px;padding-top: 75px;width: 200px;background: url(../images/Cms-Template-004-Droite.jpg)  no-repeat;color:#FF8800;}

/* ---------------------------- PIED DU SITE  ---------------------------- */
#pied {background: url(../images/Cms-Template-004-Pied.jpg) no-repeat #333333;text-align: center;padding-top:20px;height:60px;color: #FFFFFF;font-weight: bold;}

/* FIN DE LA DEFINITION DES DIFFERENTES TAILLE ET IMAGE DU CMS */
a {text-decoration: none;color:#FFCC00;}
#pied a:hover {color: #FFFFFF;overflow: auto;font-weight: bold;}
#pied a:link, #pied a:visited {color: #FFFFFF;overflow: auto;font-weight: bold;}
#barremenu a{color:#ffffff;font-weight: bold;font-size:12px;}
#droite a:link, #droite a:visited, #gauche a:link, #gauche a:visited {color:#FFFFFF;}
#corps a:hover {overflow: auto;font-weight: bold;}
#corps a:link, #corps a:visited {overflow: auto;font-weight: bold;}
#barremenu .placement a, #barremenu .icone a {height:25px;}

.encadre {border:1px solid #666; padding:5px;-moz-border-radius: 10px;text-align:center;}
.encadre a:link, .encadre a:visited {color:#fff;}
.encadre:hover {border:1px solid #666666; padding:5px;background:#333333;
-moz-border-radius: 10px;text-align:center;color:#FFFFFF;}
.encadre:hover a:link, .encadre:hover a:visited{color:#fc0;}
.encadre:hover a:hover{color:#fc0;}

/* Administration Css du plugin image_defile ------------------------------------------------------------------------------------------------------ */
.image_defile_plugin {padding:5px;min-height:100px;text-align:center;}
.image_defile_plugin a {}
.image_defile_plugin .image {}
.image_defile_plugin .titre {texte-align:center;padding:0px;font-weight:bold;margin:5px 0px;}
.image_defile_plugin .texte {texte-align:center;padding:0px;}
.marqueeBoxH, .marqueeBoxV{margin:auto;overflow:auto;}
.marqueeBoxH{width:450px;height:25px;white-space : nowrap;}
.marqueeBoxV{padding:5px;height:110px;}

/* Plugin, Ajout de commentaire -------------------------------------------------------------------------------------------------- */
.plugin_commenter {padding:5px;min-height:300px;color:#CCCCCC;}
.plugin_commenter form {margin:0px;margin-top:-15px;}
.plugin_commenter a{font-size:12px;}
.plugin_commenter textarea {height:80px;margin-top:5px;font-size:12px;width:100%;padding:1px;border:1px solid #333;}
.plugin_commenter .titre{margin:0px 0px;}
.plugin_commenter .corps{}
.plugin_commenter input[type=text] {font-size:12px;border:1px solid #333;width:100%;border:none;}
.plugin_commenter input[type=submit] {margin-top:5px;font-size:12px;border:1px solid #333;width:100%;}

/* [Ref : P01] Les Nouveautés */
.plugin_nouveau_ensemble {min-height:10px;margin: 0px 25px 0px 5px;}
.plugin_nouveau_ensemble .haut{background:#333333;opacity:0.8;filter:alpha(opacity=80);padding:0px 5px;line-height:20px;font-weight:bold;color:#FFFFFF;margin:0px 10px;border: 1px #444444 solid;border-bottom:none;}
.plugin_nouveau_ensemble p {margin:0px;padding:0px;}
.plugin_nouveau_ensemble .bas{border: 1px #444444 solid;-moz-border-radius:4px;-webkit-border-radius:4px;-border-radius:4px;padding:5px;}
.plugin_nouveau {margin:0px;}
.plugin_nouveau .titre {font-weight:bold;color:#DDDDDD ;margin-bottom:15px;border-bottom:1px solid #444444}
.plugin_nouveau .corps {text-align:left;padding:0px;margin-bottom:10px;}
.plugin_nouveau .corps:hover {color:#333;}
.plugin_nouveau .corps:hover a:link,.plugin_nouveau .corps:hover a:visited{color:#333;}

/* [Ref : P02] Les Nouveaux Articles */
.plugin_nouveau_article {min-height:10px;margin: 0px 25px 0px 5px;}
.plugin_nouveau_article a{font-weight:normal;}
.plugin_nouveau_article p{margin:0px;padding:0px;}
.plugin_nouveau_article .haut {background:#333333;opacity:0.8;filter:alpha(opacity=80);padding:0px 5px;line-height:20px;font-weight:bold;color:#FFFFFF;margin:0px 10px;border: 1px #444444 solid;border-bottom:none;}
.plugin_nouveau_article .bas {border: 1px #444444 solid;-moz-border-radius:4px;-webkit-border-radius:4px;-border-radius:4px;padding:5px;}
.plugin_nouveau_article .corps {border:1px solid #333;margin-bottom:2px;padding:2px;-moz-border-radius: 5px;width:95%;}
.plugin_nouveau_article .corps:hover {}
.plugin_nouveau_article .corps:hover a:link,.plugin_nouveau_article .corps:hover a:visited{}

/* [Ref : P04] Ajout de commentaires */
.plugin_commenter {min-height:10px;margin: 0px 25px 0px 5px;}
.plugin_commenter a{font-size:12px;}
.plugin_commenter p{padding:0px;margin:0px;}
.plugin_commenter .haut{background:#333333;opacity:0.8;filter:alpha(opacity=80);padding:0px 5px;line-height:20px;font-weight:bold;color:#FFFFFF;margin:0px 10px;border: 1px #444444 solid;border-bottom:none;}
.plugin_commenter .bas{border: 1px #444444 solid;-moz-border-radius:4px;-webkit-border-radius:4px;-border-radius:4px;padding:5px;}
.plugin_commenter textarea {height:80px;margin-top:5px;font-size:12px;width:100%;padding:1px;border:1px solid #333;}
.plugin_commenter .titre{margin:0px 0px;}
.plugin_commenter .corps{}
.plugin_commenter input[type=text] {font-size:12px;border:1px solid #333;width:100%;border:none;}
.plugin_commenter input[type=submit] {margin-top:5px;font-size:12px;border:1px solid #333;width:100%;}

/* [Ref : P05] Affichage de commentaire */
.plugin_affiche_commentaire_ensemble {min-height:10px;margin: 0px 25px 0px 5px;}
.plugin_affiche_commentaire {margin:0px;}
.plugin_affiche_commentaire_ensemble p {padding:0px;margin:0px}
.plugin_affiche_commentaire_ensemble .haut {background:#333333;opacity:0.8;filter:alpha(opacity=80);padding:0px 5px;line-height:20px;font-weight:bold;color:#FFFFFF;margin:0px 10px;border: 1px #444444 solid;border-bottom:none;}
.plugin_affiche_commentaire_ensemble .bas {border: 1px #444444 solid;-moz-border-radius:4px;-webkit-border-radius:4px;-border-radius:4px;padding:5px;}
.plugin_affiche_commentaire .titre {font-weight:bold;color:#DDDDDD ;margin-bottom:15px;border-bottom:1px solid #444444}
.plugin_affiche_commentaire .corps {text-align:left;padding:0px;margin-bottom:10px;}
.plugin_affiche_commentaire .corps:hover {background:#999;color:#333;}
.plugin_affiche_commentaire .corps:hover a:link,.plugin_nouveau_article .corps:hover a:visited{color:#333;}