/* styles specifiques sgi spip */

/* centrage du site */

/* correction pour les anciennes versions de IE  */   
body {
     margin: 0px; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     background:#086AB4;
     }
     
#contenu{font-family: Verdana, Tahoma, Arial, sans-serif; }
     
.page_sommaire	    {
	background:#086AB4;
}

#conteneur_global {
     position: relative; /* on positionne le conteneur sinon les éléments à l'intérieur ne s'y référeront pas */
     margin-top:0px;
     margin-left: auto;
     margin-right: auto;
     width: 1004px;
     text-align: left; /* on rétablit l'alignement normal du texte */
	background-image : url(../images/img_2007/fond_sommaire.gif);
	background-repeat : repeat-y;
     }
#conteneur_global_interne, #conteneur_global_interne_products{
     position: relative; /* on positionne le conteneur sinon les éléments à l'intérieur ne s'y référeront pas */
     margin-top:0px;
     margin-left: auto;
     margin-right: auto;
     width: 1004px;
     text-align: left; /* on rétablit l'alignement normal du texte */	
     background:#eceff9;
}

#conteneur_global_interne #conteneur{float:left; min-height:480px;}

/* l e s   s t y l e s   d u   b a n d e a u  */    
#bandeau {
	/*position: relative;*/
	/*float:left;*/
	margin:0px;
	padding:0px;
	width:1004px;
	height:102px;
	background-image : url(../images/img_2007/bandeau.jpg);
	background-repeat : no-repeat;
	/*border:thin solid red;*/
}
#animation{
  float:right;
  }
#logo_bandeau {
	/*position: relative;*/
	float:left;
	margin:0px;
	margin-top:22px;
  margin-left:15px;
  width:149px;
	height:54px;
	
}
#bandeau_liens{
  position:relative;
	float:left;
  width:790px;
  height:25px;
	/*background-image : url(../images/img_2007/fd_bandeau_liens.gif);*/
	background-image : url(../IMG/generales/fond_bandeau_liens.gif);
	background-repeat : repeat-x;
	text-align:left;
	font-size:0.82em; font-weight:bold;
  }
  
#bandeau_liens a.home{ float: left; width:181px; height:25px; text-align:center; padding-top:4px; background-image:url(../IMG/generales/home_n.gif); background-repeat:repeat-x; color:white; }
#bandeau_liens a.home:hover{background:url(../IMG/generales/home_h.gif); background-repeat:repeat-x; text-decoration:none}
#bandeau_liens a.tous{ float: left; width:120px; height:25px; text-align:center; padding-top:4px; background-image:url(../IMG/generales/onglets_n.gif); background-repeat:repeat-x;  color:white; }
#bandeau_liens a.tous:hover{background:url(../IMG/generales/onglets_h.gif); background-repeat:repeat-x; text-decoration:none}
  
  
  
  
  
#mr_formulaire_recherche{
  position:relative;  
	float:left;
	width:159px;
	height : 25px;
	padding-top:2px;
	/*background-image : url(../images/img_2007/recherche.gif);*/
	background-image : url(../IMG/generales/fond_bandeau_liens.gif);
	background-repeat : repeat-x;
}
#bouton_rechercher{
  position:relative;  
	float:left;
	width:55px;
	height:25px;
	background-image : url(../IMG/generales/fond_bandeau_liens.gif);
	background-repeat : repeat-x;	
}
#conteneur_sommaire{
	position:relative;
	padding-top:1px;
	width:100%;
	height:452px;
}
#titre_graphique{
	position:relative; 
	margin-left:6px;
	margin-top:50px;
	width:453px;
	height:159px;
	background : url(../images/img_2007/titre_graphique.gif) no-repeat;
}
#boutons_bas{
	position:relative;
	margin-top:22px;
	margin-left:189px;
}
.rangee_1{
	position:relative;
	float:left;
	width:196px;
}
.rangee_2{
	position:relative;
	float:left;
	width:98px;
}
#pied{ /* surcharge de spip */
	position:relative;
	margin-top: 1em;
	border-top: solid 1px #064B80;
	border-bottom: solid 1px #8CBBD7;
	width:100%;
	height:16px;
	background:#3A8AC4;
	color:white;
	font-family : Verdana, Arial, Sans-serif;
	font-size:14px;
	/*font-style:italic;*/
	font-weight:bold;
	overflow:hidden;
}

/* styles pour la navigation */

.nav_rub_courante{
	float:left;
	width:178px;  /* 186 -8 de padding */
	padding:4px;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:8px;
	background:#ead7b4;
	border-bottom:solid 2px #FF7745;
	border-top:solid 2px #FF7745;
	font-weight:bold;
	text-align:center;
}
.nav_rubrique_on, .nav_article_on{
	float:left;
	width:100%;	
  padding-top:5px;
	padding-bottom:5px;
}

.nav_conclusion{
	width:100%;
	height:1px;
	border:solid 1px #FF7745;
}
.nav_lien_encadre{float:left; width:100%;
}

/* liens sous forme de listes */
#navigation ul{margin-left:20px; } /* sans cette marge les puces images sortent du cadre... */
.nav_rubrique ul{margin-left:20px; }
#navigation.profondeur2 ul {margin-left:30px; background:red;}

.nav_lien_encadre li, .profondeur2 li{ list-style-image:url(../IMG/img_nav/puce_bleu.gif);
                      border-bottom:1px solid #ead7b4;
}

.profondeur1 li {list-style:none;} /* les puces sortent du cadre */
.nav_rubrique li, .profondeur3 li{ list-style-image:url(../IMG/img_nav/fleche_bleu.gif);
                  border-bottom:1px solid #ead7b4;
}

.nav_rubrique_on li{ list-style-image:url(../IMG/img_nav/fleche_rouge.gif);
                     border-bottom:1px solid #ead7b4;
}


.profondeur2,.profondeur3{
margin-left:12px;
}


/* colonnes des rubriques */
.colG{float:left; width:330px; margin-right:24px; padding-top:12px; }
.colD{float:left; width:330px; margin-left:24px; padding-top:12px; }




/* pages intérieures. avec surcharges des styles spip */


#conteneur #top_gauche {
	float: left;
	width: 186px; 
	/*height:99px;*/
	height:45px;
  padding-top:14px;
	border-bottom:solid 2px #014872;
	/*background:#d6dff2;*/
	background:#0869b5;
}

#conteneur #top_gauche.distrib{ width: 218px;}

#conteneur #top_droite {
	float: left;
	width:770px;
	/*height:99px;*/
	height:45px;
	border-bottom:solid 2px #014872;
	padding-left:48px;
	padding-top:14px;
	background:#d6dff2;
}
#conteneur #top_droite.distrib{width:738px;}


#conteneur #zonebasse{float:left; width:1004px; 
           background:url(../IMG/img_nav/fond_conteneur.gif); /* fond ocre jaune du menu gauche */
           background-position:left;
           background-repeat:repeat-y;
           }

#conteneur #zonebasse.distrib{ background:url(../IMG/img_nav/fond_conteneur_distrib.gif); background-position:left; background-repeat:repeat-y; min-height:370px; }

#conteneur #zonebasse #navigation {
	float: left;
	width: 186px;
	font-size:0.70em;
	text-align:left;
	/* background dans le conteneur #zonebasse */
}
#conteneur #zonebasse #col_droite { /* moins les padding et les marges*/
	float: left;
	width:714px;
	margin-left:48px;
  padding-top:24px;
}
#hierarchie {
	margin-bottom: 0.5em;
	font-size: 0.60em; 
	font-style:italic; 
}
.titre_rouge{
	font-size:1.50em;
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	/*color: #C70200;*/
	color: #970000;
	/*letter-spacing : 1px;*/
}
.texte{
		font-size: 0.77em; 
		/*color:#695A56;*/
		color:#58454a;
		text-align:justify;
}

/* pour compatibilité anciennes pages récupérées*/
.normal{
		font-size: 0.77em; 
		color:#695A56;
		text-align:justify;
}

.spip_logos{border:1px solid #a4cbe6;}
.desc_rubriques{font-size:.88em; float:left; display:inline; margin-top:16px; margin-bottom:16px;}
.desc_rubriques .spip_logos{margin-right:8px;}
.p_texte .spip_logos{border:none;}

.pagination { font-size: 0.77em; color:#014872; padding-top:4px;
            border-bottom:1px solid #014872;  margin-left:55px;}

.valoriser{font-weight:bold; color:#C70200;}
.valoriserForm{font-weight:bold; color:#C70200; padding-top:16px;font-size:1.15em;border-bottom:1px solid #C70200;}

.chapo{
		color:#695A56;
		font-size:13px;
		text-align:justify;	
    clear:both;	
}
h3.spip{
	font-weight:bold;
	color: #C70200;
	font-size:14px;
}

h3.spip i.spip {font-size:0.82em; color:#695A56; font-weight:normal;}

.accueil_produit1{float:left; width:290px; margin-right:60px; text-align:justify;}
.accueil_produit2{float:left; width:290px;text-align:justify;}
.accueil_produit1 strong, .accueil_produit2 strong {color:#014872; font-size:1.12em; }

h2{
	font-weight:bold;
}
.mini{
	font-size:11px;
}
.soustitre{font-weight:bold; color:#014872; font-size:14px;}
.titre_plan_rubrique{	
  font-weight:bold;
	font-size:14px;}
.titre_plan_article{	
  font-weight:bold;
	font-size:12px;}	
	
	
.distributors1{ width:106px; padding:0; margin:0; font-size:11px;}
.distributors2{width:86px; padding:0; margin:0; font-size:11px;}
.boite_options_distrib{
	float:left;
	width:218px;  
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:8px;
	background:#ead7b4;
	border-bottom:solid 2px #FF7745;
	border-top:solid 2px #FF7745;
	font-weight:bold;
	text-align:center;
}


a.lienpage{text-decoration:none; color:#014872;}
a.lienpage:hover{background:#dfdfef;}
a.titres{font-weight:bold; color:#014872;}
a.spip_out, p.spip a {color:#093f65;}


#descriptif_rubrique{margin:36px; margin-top:72px;}
#descriptif_rubrique a{color:#014872;}

.aligneur{float:left; width:98%; padding:1%; border-top:thin solid #086ab4;}
.demi {float:left; width:280px; padding:24px;}

.langues{ float:right; margin-left:12px; margin-bottom:8px; font-size:0.66em; 
          font-style:italic; font-family: Helevetica, Arial, sans-serif}
.p_texte{font-size:11px; color:black; margin-left:54px; text-align:justify;}
	hr {  border:0; color: #086ab4; background-color: #086ab4; padding:0px; margin-top:3px; margin-bottom:3px;height:1px; }

.lienpageGros{font-size:11px;}/* grossir la police pour les titres enclavés */

table.t_rubriques{border:none; margin-bottom:4px;}
table.t_rubriques td{ padding:0; padding-right:8px;
                  font-family: Verdana, Tahoma, Arial, sans-serif;
                  font-size:.88em;}
table.t_rubriques td a{font-weight:bold;}

.container_sous_rub_bloc_titre{ float:left; width:330px;
                                margin-top:24px; margin-bottom:8px;
                                border-bottom:thin solid #086ab4; }


/* surcharge d'un style spip */
#documents_joints{float:left;}
#documents_joints h2{color : #695a74;}
#documents_joints .spip_doc_descriptif{color : #695a74; font-size:0.67em; padding-left:30px;}
#documents_joints .spip_doc_titre {margin-top:16px; margin-bottom:8px;}
#documents_joints .spip_doc_titre a {color:#354872;}


/*surcharges*/
table.spip td {padding:12px;}
table.spip th {padding:12px; text-align:center;}
table.spip tr.row_first { background: #3A8AC4; color:#FFFFFF}
table.spip tr.row_odd { background: #FFF3CB; }
table.spip tr.row_even { background: #FFE6B1; }
.tableProduct table.spip td{text-align:center;}
.tableProduct table.spip th{text-align:center;}

/* tableaux des distributeurs */

.table_distributors {text-align:left;}
.table_distributors table.spip {margin: 0; width:550px; }
.table_distributors table.spip td {padding:4px; line-height:1.5em;}
.table_distributors table.spip td a{color:#086ab4;}
.table_distributors h3.spip {text-align:left;}

.table_references strong{color:#aa0000;} /* pour les étoiles de la page references */

.lienTop{float:right; margin-top:8px;}
.lienTop a{color:#1f6f25; text-decoration:underline;}



/* ********************* formulaire des emails ****************************** */
.formcourriel {
        color: black;
        margin:5%;
        padding: 16px;
        border: 1px solid #a0a0a0;
        background-color: #fae6b6;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 80%;
        font-weight: normal;
		    width:700px;
		    text-align:left;
}
.formcourriel .titrecourriel{
	text-align:center;
	font-size: 120%;
	color : #241193;
	font-weight : bold;
}
.formcourriel .txtbox{
        color: black;
        margin-bottom:8px;
        padding: 4px;
        border: 1px solid #a0a0a0;
        background-color: #fafafa;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: normal;
        width:250px;
}
.formcourriel .txtareabox{
        color: black;
        margin: 0px;
        padding: 4px;
        border: 1px solid #a0a0a0;
        background-color: #fafafa;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: normal;
		width:680px;
		height:250px;
}
#avert_changement_logo{
position: absolute; top: 120px; left: 250px; width:500px; height:430px;
border:1px solid #990000;  padding:24px;
z-index: 1000;
filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
background-color: #F0F0F0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
p.avert_changement{color:black; font-size:0.82em; font-weight:bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

a.newForDrupa{color:#cc0000;}


/*
 styles pour le concours 2008-2009
*/
.login_container{float:left; width:720px;}
.sponsor_upm, .sponsor_upmrub34 { float:left; width:350px; margin-top:16px; font-size:0.71em; color:#014872; }
.sponsor_upmrub34 { width:450px; text-align:center;}
table.table_sponsor td { vertical-align:bottom; }
.login_contest{float:left; text-align:center; font-size:0.77em; width:325px; border:1px solid #014872; margin-top:16px;}
.login_contest p b {color:#970000;}
.login_access_open {float:left; text-align:center; font-size:0.77em; width:325px; margin-top:-14px; border:1px solid #014872; margin-top:16px;}
.login_access_open a.disconnect {background:#f65226; color:white; font-weight:bold; }
.encadrer_form{padding:8px; padding-left:40px;  border:1px solid #014872;}


.formulaire_inscription {font-family:verdana,arial,sans-serif; font-size:0.77em; color:#032a49;
                        width:100%; text-align:center}
#mentions_legales {width:400px; padding:12px; margin:auto;font-size:.67em; font-style:italic; color:#032a49}
#mentions_legales a {color:#0000ee;}
.encadreur_inscription_contest { margin:auto; width:400px; padding:12px; }
/*#encadreur_intro_inscription legend {color:white; font-style:italic;}*/
.encadreur_inscription_contest fieldset { background:#eceff9; color:black;}
.encadreur_inscription_contest fieldset.reponse_formulaire {padding:12px; color:red}
.encadreur_inscription_contest legend { padding:12px; background:#eceff9; border:1px solid #086AB4;}





/* placard est un layer qui masque les zones sensibles après une 1ere validation (absolute= relatif au conteneur)*/
#placard{ position:absolute; width:364px; height:245px; background:#f9efda;
          border: 1px solid #848484; text-align:center; font-weight:bold; padding:16px;}
#placard a{color:#014872;}
#forgot_password{ float:left; width:500px; margin-left:120px; font-size:0.77em;
                  padding:8px; border: 1px solid #848484;}

.contestError {font-weight:bold; color:#cc0000;}

#infos_team{float:left; width:300px; border:1px solid #336699; padding:8px; font-size:0.77em;}
#infos_team b {font-size:1.20em;}
.infos_students{float:right; width:350px; border:1px solid #336699; padding:4px; font-size:0.77em; margin-bottom: 8px;}
.infos_students input.serre1 { font-size:.88em; width:20px;}
.infos_students input.serre2 { font-size:.88em; width:40px;}
.infos_students blockquote {color: #0000cc}
.transmission_resultats { font-size:0.82em;}
.transmission_resultats h2 {background:#f9efda; padding-top:8px; padding-bottom:8px; border:1px solid #ff7745;}
.transmission_resultats h3 {color:#CC0000; margin-top:16px; margin-bottom:16px;}

/* styles pour le registration form du training */


/* ************************* les styles du formulaire de saisie ****************************************** */

#registration_form { float:left; display:inline; width:600px; margin-left:100px;}

#registration_form form input, #registration_form form textarea ,#registration_form form select
                   { border:1px solid #6B0006; width:200px; color:#5263bb; margin-bottom:12px; }
.registration_column {float:left; display:inline; width: 230px;}
.form_titre { color:#6B0006; font-size:0.88em; font-weight:bold;  }

.f_texte{ font-family : Verdana, Arial, sans-serif; font-size:0.71em; font-style:italic}

.registration_form_error {font-size:0.88em;	color : #cc0000;}


/* ************************* les styles des menus déroulants ****************************************** */

#conteneur_deroulants {position:relative; width:962px; visibility:visible; background:red;}

#m1{position:absolute; top:128px; left:181px;  width:140px; visibility:hidden; z-index:1000;}
#m2{position:absolute; top:128px; left:301px;  width:140px; visibility:hidden; z-index:1000;}
#m3{position:absolute; top:128px; left:421px;  width:140px; visibility:hidden; z-index:1000;}
#m4{position:absolute; top:128px; left:541px;  width:140px; visibility:hidden; z-index:1000;}
#m49{position:absolute; top:128px; left:661px; width:140px; visibility:hidden; z-index:1000;} /* ajout de contact */

.conteneur_menu{
width:252px;
font-size:70%; font-family:verdana,arial,sans-serif;
color:#476666;
}

.menu_item{
padding:2px;
padding-left:8px;
background:#f6f8ff;
border-bottom:1px solid #88939A;
border-right:1px solid #88939A;
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
text-align:left;
letter-spacing:-0.05em;
}

.menu_lien:link {text-decoration:none; color:#476666;}
.menu_lien:visited {text-decoration:none; color:#476666;}
.menu_lien:hover {text-decoration:none; color:#FFFFFF; background:none;}



/* ajouts 2009 */

#conteneur_global_interne_products {background:#b2defe;}
.titre_products img {margin:16px; margin-bottom: 32px;}
.desc_products{ float:left; display:inline; width:760px; margin-left:120px;
                font-size:1.06em; text-align:justify; font-family:helvetica, arial, sans-serif;
                font-weight:bold; color:#016fb7; margin-bottom:30px;}
/* correctifs de style du descriptif rubrique Produit pour la Chine */
.desc_products small {font-weight:normal; font-size:.77em; color:#000}
.desc_products small strong.spip {font-weight:normal;}

.col_en_ligne {float:left; display:inline; width:1004px; height:200px; font-size:0.88em; font-weight:bold}
hr.p_images_top,hr.p_images_bottom { height: 6px; margin: 0; margin-top:-3px;padding: 0; color: #016fb7; background-color: #016fb7;border: 0;}
.desc_rubriques_prod { font-size:0.88em; font-weight:bold; }
.nameProducts {float:left; display:inline; width:200px; text-align:center}


#worldskills_container {position:absolute;                      
                       left:5px; top:361px;
                       width:173px; height:134px;
                       z-index:10;
                       }
#wk_sous_container {   float:left; display:inline; width:460px; }
#wk_txt{               float:left; display:inline; width:330px; height:26px; margin:7px; color:white;
                       font-size:0.96em; font-weight:bold; line-height:0.72em; text-align:right;}
.wk_thanks{            font-size:0.66em; font-style:italic; color:white; font-weight:normal; }
#wk_img {              float:left; display:inline; width:100px; padding-top:6px;}
.wk_sponsor {          float:left; padding-left:8px; padding-top:4px; color:white; font-size:0.77em; font-weight:bold;  }

/* styles des forums SGI*/

.sgi_sujet input.forml { color:blue; font-weight:bold; font-size:1.2em;}
.forum-repondre,.forum-decompte { font-style:italic;  margin-top: 0.2em; 
                    border:none; }
.forum-repondre {background:url(../IMG/generales/puce_forum.gif) left bottom no-repeat; padding-left:18px;}
.forum-repondre a {color:#970000;}
.forum-decompte {font-size:0.88em; font-weight:normal}
.forum-repondre-message { }
.forum-repondre-message a {font-size:.71em; font-style:italic; color#005cb1 }
.previsu { border :4px solid #005cb1}     

/* bouton de déconnexion du forum */
.deconnexion {font-size:0.71em;}
a.bt_deconnection{padding:1px; padding-right:2px; background:#9c0016; color:white;
                    padding:4px; margin:0; }
a:hover.bt_deconnection{background:#f48900;}

/* particularités du formulaire d'inscription aux trainings */
#dcalendar1,#dcalendar2,#dcalendar3,#dcalendar4,#dcalendar5 {
  border:1px solid #990000; padding:8px 0 8px 0; background:#d4ffca;


}

.infoUser {font-size:.77em; color:#990000;}