/* ---------------------------- FORMATAGE DU SITE EN GENERALE ---------------------------- */

html {font-family: arial;font-size: 12px;background-color:#3f4c6a;}
a {text-decoration: none;}
td {vertical-align: top;}
p {margin:5px 0px 5px 0px;}
img {border: none 0px #ffffff;}
form {margin: 0px;padding: 0px;display: block;}
input {font-size: 12px;padding: 0px;margin: 2px;}

h1  {display: block;font-size: 20px;padding: 0px;margin: 0px;text-align:center;margin-bottom: 20px;}
h2  {display: block;font-size: 18px;padding: 0px;margin: 0px;color:#9da5b4;text-indent:45px;}
.h2_down  {border:1px solid #FFFFFF;margin:5px;padding:5px;background: #2b2c2e;}
h3  {display: block;font-size: 14px;padding: 0px;margin: 0px;}


/* ---------------------------- CONTENU DU SITE ---------------------------- */
#zone {height: 600px;width: 1000px;position: absolute;left: 50%;margin-left: -500px;	z-index: 1;}
body {color:#FFFFFF;margin: 0px;padding: 0px;width: 800px;}

/* ---------------------------- BARRE DE MENU ---------------------------- */
#barremenu {height: 20px; background-image: url(../images/Formation-Programmation-Haut.jpg);}
#barremenu .placement {width: 710px;height: 20px;display: block;float: left;padding-left: 50px;}
#barremenu .icone {width: 200px;float: left;display: block;height:20px;text-align: center;color:#ffffff;}

/* ---------------------------- TETE DU SITE  ---------------------------- */
#tete {height: 200px;width: 1000px;background-repeat: no-repeat;background-image: url(../images/Formation-Programmation-Entete.jpg);color:#FFFFFF;font-weight:bold;}

#corps {margin: 0px;padding: 0px;background: url(../images/Formation-Programmation-Corps.jpg) repeat-y;width: 800px;background-color: #2b2c2e;}
#corps_contenu{padding:0 10px 0 20px;}

#droite {width: 200px;background: url(../images/Formation-Programmation-Droite.jpg) repeat-y;font-size:12px;}


/* ---------------------------- PIED DU SITE  ---------------------------- */
#pied {height: 40px;padding: 0px;padding-top: 20px;text-align: center;background: url(../images/Formation-Programmation-Pied.jpg) no-repeat #2b2c2e;}

#corps a:link, #corps a:visited{text-decoration: none;color:#FFCC00;font-weight: bold;}
#corps a:hover{text-decoration: none;color:#FFFFFF;font-weight: bold;}

#pied a:link, #pied a:visited {color: #FF8800;font-weight: bold;text-decoration: none;}
#pied a:hover {font-weight: bold;text-decoration: none;}

#droite a:link,#droite a:visited {text-decoration: none;color: #9da5b4;}
#droite a:hover {text-decoration: none;color: #FFFFFF;}

#barremenu a:link,#barremenu a:visited{color:#FFFFFF;font-weight: bold;}
.icone a:link,.icone a:visited{color:#FF8800;}
.code {padding: 5px;margin-bottom: 5px;margin-top: 5px;font-style: normal;background-color: #3f4c6b;color: #ffffff;border: 1px solid #334c6b;}

/* Administration de la page de connexion Administrateur et Utilisateur */

.membre1{border:0px solid #333333;width:50%;}
.membre2{border-bottom:1px solid #FF8800;padding:2px;font-weight:bold;margin:-2px 5px 5px -2px;color:#FF8800;}
.membre3{padding:2px;margin:0 0 10px 0;}
.membre3 input {border:solid 1px  #FF8800;margin:5px 10px 0 0;width:75%;background-color:#FFeeee;}

/* ---------------------------- CONTENU SPECIAL ---------------------------- */

.contenu_tete  {padding: 5px;height: 40px;margin:0px;background: url(../images/Formation-Programmation-H2.jpg) no-repeat;font-size:18px;font-weight:bold;}
.contenu_corps {padding: 10px 20px;margin: 0px;background: url(../images/Formation-Programmation-H2b.jpg) repeat-y;width:340px;}
.contenu_pied   {padding: 5px;margin: 0px;background: url(../images/Formation-Programmation-H2c.jpg) no-repeat;}

/* Plugin, Inscription lettre d information */
.inscription_newsletter_plugin{font-size:12px;color:#fff;font-weight:bold; border:1px solid #666666;padding:3px;}
.inscription_newsletter_plugin a{font-size:12px;}
.inscription_newsletter_plugin input {margin:3px 5px;font-size:12px;width:150px; padding:1px;border:1px solid #333;}
.inscription_newsletter_plugin .titre{margin:5px 0px;}
.inscription_newsletter_plugin .corps{margin-bottom:10px;}

/* Plugin, Ajout de commentaire */
.plugin_commenter {font-size:11px;color:#fff;font-weight:bold; border:1px solid #666666;padding:3px;}
.plugin_commenter a{font-size:11px;}
.plugin_commenter input, .plugin_commenter textarea {margin-top:5px;font-size:11px;width:150px; padding:1px;border:1px solid #333;}
.plugin_commenter .titre{margin:0px 0px;}
.plugin_commenter .corps{}

.plugin_affiche_commentaire {padding:2px;}
.plugin_affiche_commentaire .corps {border:1px solid #333;margin-bottom:2px;padding:2px;-moz-border-radius: 5px;}
.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;}

.plugin_manuel_a {padding:2px;border:1px solid #666666;}
.plugin_manuel_a .corps {border:1px solid #333;margin-bottom:2px;padding:2px;-moz-border-radius: 5px;}
.plugin_manuel_a .corps:hover {background:#999;color:#333;}
.plugin_manuel_a .corps:hover a:link,.plugin_manuel_a .corps:hover a:visited{color:#333;}

/* Plugin, les nouveaux articles */
.plugin_article_groupe {padding:2px;}
.plugin_article_groupe .corps {border:1px solid #333;margin-bottom:2px;padding:2px;-moz-border-radius: 5px;}
.plugin_article_groupe .corps:hover {background:#999;color:#333;}
.plugin_article_groupe .corps:hover a:link,.plugin_nouveau_article .corps:hover a:visited{color:#FFF;}

/* Plugin, Les nouveautés */
.plugin_nouveau {padding:2px;}
.plugin_nouveau .titre {color:#FFCC00;font-weight:bold;}
.plugin_nouveau .corps {border:1px solid #333;margin-bottom:2px;padding:2px;-moz-border-radius: 5px;}
.plugin_nouveau .corps:hover {background:#999;color:#333;}
.plugin_nouveau .corps:hover a:link,.plugin_nouveau_article .corps:hover a:visited{color:#333;}

.abg {border:1px solid #333;margin-bottom:2px;padding:2px;-moz-border-radius: 5px;}