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

html {font-family: sans-serif, arial, tahoma;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:#FFCC00;text-indent:45px;}
.h2_down  {border:1px solid #FFFFFF;margin:5px;padding:5px;background: #2b2c2e;}
h3  {color:#FFCC00;font-weight:bold;padding: 0px;margin: 0px;font-size: 12px;}


/* ---------------------------- CONTENU DU SITE ---------------------------- */
#zone {height:500px;background:#2b2c2e;}
body {color:#FFFFFF;margin: 0px;padding: 0px;}

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

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

/* ---------------------------- CORPS DU SITE  ---------------------------- */
#corps {margin: 0px;padding: 0px;background: url(../images/Formation-Programmation-Corps.jpg) repeat-y;background-color: #2b2c2e;}

#corps_contenu{padding:0 10px 0 20px;color:#eeeeee;text-align: justify;}
#corps_contenu b {color:#9da5b4;font-weight:normal}
#corps_contenu a:link, #corps a:visited{text-decoration: none;color:#FFCC00;font-weight:bold;}
#corps_contenu a:hover{text-decoration: none;color:#FFFFFF;}

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

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



#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: #ffffff;}
#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 10px;margin: 0px;background: url(../images/Formation-Programmation-H2b.jpg) repeat-y;width:360px;}
.contenu_pied   {padding: 5px;margin: 0px;background: url(../images/Formation-Programmation-H2c.jpg) no-repeat;}



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

/* Plugin, Inscription lettre d information ------------------------------------------------------------------------------------------------------------- */
 .inscription_newsletter_plugin{font-size:12px;color:#ffffff;padding:5px;min-height:40px;}
 .inscription_newsletter_plugin a{}
 .inscription_newsletter_plugin input[type=text] {font-size:12px;border:1px solid #333;width:100%;border:none;}
 .inscription_newsletter_plugin input[type=submit] {font-size:12px;border:1px solid #333;width:100%;}

/* Plugin, lesnavigation par groupe --------------------------------------------------------------------------------------------------- */
 .plugin_article_groupe {padding:1px;min-height:40px;}
 .plugin_article_groupe a {font-weight:normal;}
 .plugin_article_groupe .corps {border:1px solid #333;margin-bottom:2px;padding:2px;-moz-border-radius: 5px;width:100%;}
 .plugin_article_groupe .corps:hover {}
 .plugin_article_groupe .corps:hover a:link,.plugin_nouveau_article .corps:hover a:visited{color:#333;}

/* Administration Css du plugin image_defile ------------------------------------------------------------------------------------------------------ */
 .image_defile_plugin {padding:5px;min-height:240px;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:550px;height:25px;white-space : nowrap;}
 .marqueeBoxV{padding:5px;height:200px;} 

/* Plugin, Les réseaux sociaux --------------------------------------------------------------------------------------------------------------------------- */
 .plugin_reseau_sociaux {padding:5px;min-height:60px;border:2px solid #999999;background:#2b2c2e;-moz-border-radius: 10px;border-radius : 10px;}
 .plugin_reseau_sociaux p {margin:1px;padding:0px;}
 .plugin_reseau_sociaux input[type=text] {font-size:12px;border:1px solid #333;width:100%;border:none;}
 .plugin_reseau_sociaux input[type=submit] {font-size:12px;border:1px solid #333;width:100%;}
 .plugin_reseau_sociaux textarea {font-size:12px;border:1px solid #333;width:100%;border:none;overflow:none;height:50px;}
 .plugin_reseau_sociaux .titre {margin-bottom:5px;}
 .plugin_reseau_sociaux .corps {text-align:center;margin-bottom:2px;padding:2px;}
 .plugin_reseau_sociaux .corps:hover a:link,.plugin_reseau_sociaux .corps:hover a:visited{} 

/* PLUGIN NOUVEAUTE ------------------------------------------------------------------------------------------------------------- */
 .plugin_nouveau_ensemble {min-height:240px;padding:5px;border:2px solid #999999;background:#2b2c2e;-moz-border-radius: 10px;border-radius : 10px;}
 .plugin_nouveau {}
 .plugin_nouveau p {margin:1px;padding:0px;}
 .plugin_nouveau .titre {font-weight:bold;color:#FFCC00;margin-bottom:5px;padding-top:10px;padding-left:5px;padding-bottom:5px;}
 .plugin_nouveau .corps {border:0px solid #999999;padding:0px 5px;padding-bottom:10px;border-bottom:1px solid #333333;}
 .plugin_nouveau .corps:hover {}
 .plugin_nouveau .corps:hover a:link,.plugin_nouveau .corps:hover a:visited{}

/* Plugin, les nouveaux articles ------------------------------------------------------------------------------------------------------- */
 .plugin_nouveau_article {padding:5px;min-height:40px;}
 .plugin_nouveau_article a{font-weight:normal;}
 .plugin_nouveau_article .corps {text-align:left;border:1px solid #333;margin-bottom:2px;padding:2px;-moz-border-radius: 5px;width:98%;}
 .plugin_nouveau_article .corps:hover {}
 .plugin_nouveau_article .corps:hover a:link,.plugin_nouveau_article .corps:hover a:visited{}

/* TEST VERSION 2.0 */

#corps_contenu .bloc {border:2px solid #999999;background:#2b2c2e;padding:10px;color:#ffffff;margin-left:10px;margin-bottom:10px;}
#corps_contenu .bloc i {font-size:12px;}

/* Plugin, Remplissage manuel ----------------------------------------------------------------------------------------------------- */
.plugin_manuel_a {padding:5px;min-height:300px;border:2px solid #BA4647;background:#8C0400;-moz-border-radius: 10px;border-radius : 10px;}

/* Plugin, Remplissage manuel ----------------------------------------------------------------------------------------------------- */
.plugin_manuel_b {padding:5px;border:2px solid #999999;background:#2b2c2e;-moz-border-radius: 10px;border-radius : 10px;}


/* Plugin menu verticale */
ul, li {margin: 0;padding: 0;list-style:none;font-family: Tahoma;font-size: 12px;}
.menu {height: auto;width: 170px;background-color: #333333;border: 1px #bababa solid;}/*ECEFF5*/
.menu .menu_liste li a {display:block;padding-top: 5px;padding-bottom: 5px;	padding-left: 4px;text-decoration:none;color: #3B5998;}
.menu1 {height: auto;width: 170px;background-color: #333333;border: 1px #bababa solid;}
.menu1 .menu1_liste li a {display:block;padding-top: 5px;padding-bottom: 5px;padding-left: 4px;text-decoration:none;color: #3B5998;border-bottom: 1px solid #bababa;}


/* Plugin, galerie_hscroll ------------------------------------------------------------------------------------------------------------- */
.scrollable {width: 580px;position:relative;overflow:hidden;height:120px;border:1px solid #ccc;background:url(http://www.formation-programmation.com/cms-plugin/galerie_hscroll/h300.png) repeat-x;}
.galerie_hscroll_ensemble {padding-left:0px;}
.scrollable .items {width:20000em;position:absolute;clear:both;} .items div {float:left;}
.scrollable img {float:left;margin:20px 5px;background-color:#fff;padding:2px;border:1px solid #ccc;width:100px;height:75px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.scrollable .active {position:relative;cursor:default;}
.scrollable {float:left;}
a.browse {	background:url(http://www.formation-programmation.com/cms-plugin/galerie_hscroll/hori_large.png) no-repeat; display:block;width:30px;height:30px;float:left;margin:40px 5px;cursor:pointer;font-size:1px;}
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover{ background-position:-30px -30px; }
a.right:active{ background-position:-60px -30px; }
a.left{ margin-left: 0px;}
a.left:hover{ background-position:-30px 0; }
a.left:active{ background-position:-60px 0; }
a.up, a.down { background:url(http://www.formation-programmation.com/cms-plugin/galerie_hscroll/vert_large.png) no-repeat; float: none;margin: 10px 50px;}
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
a.disabled {	visibility:hidden !important;}

/* PAGE INSCRIPTION DU FRONT OFFICE */ 

.inscription_block {text-align:left;margin-bottom:10px;}
.inscription_block input[type=text],.inscription_block input[type=password]{width:360px; border:1px solid #222222;
background-color: transparent;color:#FFFFFF;}
.inscription_block h3 {display:block;color:#FFFFFF;font-weight:bold;border-bottom:1px solid #333333;margin-bottom:5px;}
.inscription_block_error {display:block;color:#FFCC00;font-weight:bold;border-bottom:1px solid #333333;margin-bottom:5px;}

/* PAGE INSCRIPTION DU FRONT OFFICE */ 

.inscription_block {text-align:left;margin-bottom:10px;}
.inscription_block input[type=text],.inscription_block input[type=password]{width:360px; border:1px solid #222222;
background-color: transparent;color:#FFFFFF;}
.inscription_block h3 {display:block;color:#FFFFFF;font-weight:bold;border-bottom:1px solid #333333;margin-bottom:5px;}
.inscription_block_error {display:block;color:#FFCC00;font-weight:bold;border-bottom:1px solid #333333;margin-bottom:5px;}

/* PAGE DES NOUVEAUTES */

.page_news {padding:10px;text-align:justify;border: 1px #555555 solid;margin:10px;background:#3f3f3f;}
.page_news h2{padding:5px;font-size:14px;color:#CCCCCC;margin: -10px -10px 0px -10px;background:#333333;height:15px;}