/* CONTENEUR ALPHA */

*{margin:0;padding:0;}
body{margin:0;
background:#FFF;
text-align:center;
border:none;}

#conteneur {
background:#FFF;
position: absolute;
width: 750px;
left: 50%;
text-align:left;
margin-left: -375px;}


/* ESPACE IDENTIFICATION */

#top{
background:#FFFFFF;
position:relative;
height:20px;
margin:4px;}

#top img{border:none;padding: 2px;background:#EBF2FF ;}

/* BANDE LOGO */
#header{
float:left;
border:none;
width:100%;
background:#FFF;
height:80px;}

#header img {
border:none;}

#header a {
border:none;}


hr{
clear:both;
visibility:hidden;
margin:0;
padding:0;
border:none;}

#spacer{
clear:both;}

/* MENU NAVIGATION HAUT */

/*DEBUT Suppression du 20/02/08 */
/***************************/
/*
#menu{
float:none;
width:90%;
margin-top:10px;
border:none;}
*/

/* Seulement IE */
/*
* html #menu{
float:left;
width:650px;
border:none;}


#boxline{
float:left;
background:red;
position:relative;
height:1px;
width:657px;
border-bottom:1px solid #333;
}

/* Seulement IE */
/*
* html #boxline{
position:relative;
float:left;
width:197px;
height:38px;
border-bottom:1px solid #333;
}
*/
/***************************/
/*FIN Suppression du 20/02/08 */

/* CONTENEUR CENTRAL */

#centre {
position:relative;
float:left;
background:url("../../images/Interface_parts/Newmenu/bg_800.gif") repeat-y left ;
width:100%;
border-top:2px solid #EBF2FF;
}

#centre img{
margin: 5px;
}


/* MARGE BASSE */

#bmarge {
position:relative;
float:left;
width:750px;
height:16px;
background:url("../../images/Interface_parts/Corps_Plein/bmarge.gif") no-repeat top; }


/* CONTENU */

#contenu {
background: #FFFFFFF;
margin-right: 15px;
margin-top: 2%;
margin-left: 15px;
margin-bottom: 2%;
padding-left: 10px;
padding-right: 10px;
font-family: sans-serif;
font-size:12px;
font-weight: normal;
color:#333;
line-height: 20px;  
word-spacing: normal; 
letter-spacing: normal; 
vertical-align: middle;
white-space: normal;
text-align:justify;
}

/* Barre de navigation dans une session compte ouverte - angle droit haut page droit */
#navigcompte{
float: right;
padding: 5px;
margin-bottom: 10px;
border:1px solid #E4E4F5;
background:#EBF2FF;
}

#navigcompte a{
padding: 10px;
}
/* Fin Barre de navigation dans une session compte ouverte - angle droit haut page droit */

#contenu p{
padding: 10px;
margin-bottom: 5px;}

#contenu p.center{
text-align:center;}


#contenu  img{
margin: 0px;
border: none;
}

/*Bande placement image au centre*/
#contenu .icon-center{
padding-top: 10px;
padding-bottom: 15px;
text-align:center;
}

/*Postionnement image aérée*/
#contenu img.emargee {
padding:7px;
}

/*Habillage images type vignettes*/
#contenu img.vignette {
border:1px solid #8BA2D1;
padding:1px;
}


/*Mise en relief au sein de la balise paragraphe*/

#contenu .txtgreylight{
color: grey;
}

#contenu .txtredlight{
color: red;
}

#contenu .reliefital{
text-decoration: underline ;
}

#contenu .reliefboldlight{
font-weight: bold;
padding:0.5px;
}

#contenu .reliefbold{
font-weight: bold;
padding-bottom:0.5px;
border-bottom:2px solid #99FF00;
}

#contenu .reliefunderlg{
padding-bottom:0.5px;
border-bottom:2px solid #99FF00;
}

#contenu .relieftabu{
display: block;
padding-left: 10px;
}

#contenu .reliefvertfluo{
display: block;
margin-left: 15px;
padding-bottom:5px;
}
/*Fin des classes des mises en relief au sein de la balise paragraphe*/


/***********NAVIGATION RAPIDE CATALOGUES***************/
.navigrapidcatalog{
float: right;
padding-top: 15px;
margin-bottom: 10px;
}

.navigrapidcatalog p{
border:1px solid #E4E4F5;
background:#EBF2FF;
}
/*Fin navigation au sein des catalogues*/



/**********************LES TITRES*************************/

#contenu  h2{
color:#003399;
width:100%;
padding-bottom: 15px;
margin-bottom: 15px;}

#contenu  h3{
color:#003399;
width:100%;
margin-bottom: 15px;
border-bottom:2px solid #DFE6F2;}

#contenu  h4{
padding-left: 10px;
padding-bottom: 2px;
color:#003399;
border-bottom:2px solid #DFE6F2;
background:#EBF2FF;
}

#contenu  hr{
color:#DFE6F2;
margin-left: 5%  ;
margin-right: 5% ;
margin-top: 2% ;
margin-bottom: 2% ;}


/* les titres img */
.titleimg {
padding-top: 30px;
padding-bottom: 20px; ;
}

.titleimgseparate {
margin-top:4% ;
margin-left:4px;
margin-bottom: 2% ;
}

/***********FIN DES TITRES**************/



/***********DEFINITIONS FORMULAIRES**************/

/*Positionne les boutons annuler et valider*/
.formbout{
text-align:center;
margin-top: 15px;
}

/*Les titres de formulaires*/
.formtitle {
border-bottom:2px solid #8BA2D1;
padding-bottom: 1px;
padding-top: 1px;
margin-bottom:  5px;
}

.casecoche{
margin: 5px;
}


/***********FIN DES FORMULAIRES**************/




/*******************LES TABLEAUX *********************/

/*Tableau Style 1  */

/*Le titre*/
.tabtitre-c1-stl1 {
border-top:3px solid #8BA2D1;
background:#EBF2FF;
padding-top: 10px;
padding-bottom: 10px;
font-size: 13px;
font-weight: bold;
text-align:center;
}

/*La colonne 1*/
.tab-c1-stl1 {
float:left;
background:#EBF2FF;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
width:165px;
height: 40px;
font-weight: bold;
}

/*La colonne 2*/
.tab-c2-stl1 {
float:right;
background:#EBF2FF;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
height: 40px;
width:505px;
}

/*Le pied  du tableau*/
.tabpied-stl1{
clear:both;
border-bottom:3px solid #8BA2D1;
margin-bottom: 17px;
}


/*Tableau Style 2  */

/*Le titre*/
.tabtitre-c1-stl2 {
float:left;
background:#003399;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
width:202px;
color:white;
font-weight: bold;
font-size: 14px;
height:40px;
}

.tabtitre-c2-stl2 {
float:left;
background:#003399;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
width:346px;
height:40px;
color:white;
font-weight: bold;
text-align:center;
}

.tabtitre-c3-stl2 {
float:right;
background:#003399;
padding-top: 10px;
padding-bottom: 10px;
color:white;
width:142px;
font-size: 14px;
font-weight: bold;
text-align:center;
}

/*Ligne de séparation entre le titre et le premier tableau*/
.tab-separa-stl2{
clear:both;
background:#EBF2FF;
height:7px;
}

/*La colonne 1*/
.tab-c1-stl2 {
float:left;
margin-right:2px;
margin-bottom:2px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
width:200px;
height:40px;
border:1px solid #333;
font-weight: bold;
}

/*La colonne 2*/
.tab-c2-stl2 {
float:left;
margin-right:2px;
margin-bottom:2px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
width:330px;
height:40px;
border:1px solid #333;
}

/*La colonne 3*/
.tab-c3-stl2 {
float:right;
margin-bottom:2px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border:1px solid #333;
width:120px;
height:40px;
text-align:center;
font-weight: bold;
}

/*Le pied  du tableau*/
.tabpied-stl2{
background:#EBF2FF;
clear:both;
border-bottom:3px solid #8BA2D1;
height:20px;
margin-bottom: 10px;
}


/*Tableau Style 3  */

/*Le titre*/
.tabtitre-c1-stl3 {
background:#99FF00;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}

/*La colonne 1*/
.tab-c1-stl3 {
float:left;
background:#99FF00;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
width:300px;
}

/*La colonne 2*/
.tab-c2-stl3 {
background:#99FF00;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}

/*Le pied  du tableau*/
.tabpied-stl3{
border-bottom:2px solid #333;
margin-bottom: 25px;
}


/*Tableau Style 4 */

/*Le titre*/
.tabtitre-c1-stl4 {
margin-right:2px;
margin-bottom:2px;
padding-bottom: 3px;
padding-top: 3px;
text-align:center;
font-size: 14px;
font-weight: bold;
}

/*La colonne 1*/
.tab-c1-stl4 {
margin-bottom:15px;
background:#EBF2FF;
padding-top: 10px;
padding-bottom: 10px;
border:1px solid #333;
text-align:center;
}


/*Le pied  du tableau*/
.tabpied-stl4{
border-bottom:3px solid #8BA2D1;
margin-bottom: 25px;
}


/*Tableau Style 5 */

/*Le titre*/
.tabtitre-c1-stl5 {
clear:both;
margin-bottom: 5px;
padding-bottom: 3px;
padding-top: 15px;
text-align:center;
font-size: 13px;
font-weight: bold;
}

/*La colonne 1*/
.tab-c1-stl5 {
float:left;
margin-right:2px;
margin-bottom:2px;
background:#EBF2FF;
margin-right:2px;
padding-top: 10px;
padding-bottom: 10px;
border:1px solid #333;
width:180px;
text-align:center;
}

/*La colonne 2*/
.tab-c2-stl5 {
float:left;
margin-right:2px;
margin-bottom:2px;
background:#EBF2FF;
margin-right:2px;
padding-top: 10px;
padding-bottom: 10px;
border:1px solid #333;
width:180px;
text-align:center;
}

/*La colonne 3*/
.tab-c3-stl5 {
float:left;
margin-right:1px;
margin-bottom:2px;
background:#EBF2FF;
padding-top: 10px;
padding-bottom: 10px;
border:1px solid #333;
width:180px;
text-align:center;
}

/*La colonne 4*/
.tab-c4-stl5 {
float:right;
margin-bottom:2px;
background:#EBF2FF;
padding-top: 10px;
padding-bottom: 10px;
border:1px solid #333;
width: 145px;
text-align:center;
}


/*Le pied  du tableau*/
.tabpied-stl5{
clear:both;
border-bottom:3px solid #8BA2D1;
margin-top: 15px;
margin-bottom: 15px;
}


/*Tableau Style 6 */

/*Le titre*/
.tabtitre-c1-stl6 {
float:left;
margin-bottom: 5px;
padding-bottom: 3px;
padding-top: 3px;
text-align:center;
font-size: 13px;
font-weight: bold;
width:175px;
background: #EBF2FF;
border-bottom: 1px solid #8BA2D1;
border-top: 1px solid #8BA2D1;
}

.tabtitre-c2-stl6 {
float:left;
margin-bottom: 5px;
padding-bottom: 3px;
padding-top: 3px;
text-align:center;
font-size: 13px;
font-weight: bold;
text-align:center;
width: 175px;
background: #EBF2FF;
border-bottom: 1px solid #8BA2D1;
border-top: 1px solid #8BA2D1;
}

.tabtitre-c3-stl6 {
float:left;
margin-bottom: 5px;
padding-bottom: 3px;
padding-top: 3px;
text-align:center;
font-size: 13px;
font-weight: bold;
text-align:center;
width: 175px;
background: #EBF2FF;
border-bottom: 1px solid #8BA2D1;
border-top: 1px solid #8BA2D1;
}

.tabtitre-c4-stl6 {
float:right;
margin-bottom: 5px;
padding-bottom: 3px;
padding-top: 3px;
text-align:center;
font-size: 13px;
font-weight: bold;
text-align:center;
width: 175px;
background: #EBF2FF;
border-bottom: 1px solid #8BA2D1;
border-top: 1px solid #8BA2D1;
}

/*La colonne 1*/
.tab-c1-stl6 {
float:left;
margin-right:2px;
margin-bottom:2px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border:1px solid #8BA2D1;
width:170px;
text-align:left;
}

/*La colonne 2*/
.tab-c2-stl6 {
float:left;
margin-right:2px;
margin-bottom:2px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border:1px solid #8BA2D1;
width:170px;
text-align:left;
}

/*La colonne 3*/
.tab-c3-stl6 {
float:left;
margin-bottom:2px;
padding-top: 5px;
padding-bottom: 5px;
border:1px solid #8BA2D1;
width:170px;
text-align:center;
}

/*La colonne 4*/
.tab-c4-stl6 {
float:right;
margin-bottom:2px;
padding-top: 5px;
padding-bottom: 5px;
border:1px solid #8BA2D1;
text-align:center;
width:155px;
}

/*Le pied  du tableau*/
.tabpied-stl6{
clear:both;
border-bottom:1px solid #8BA2D1;
margin-bottom: 25px;
height:10px;
}

/***********FIN DES TABLEAUX***************/



#contenu .morespace {
margin-top:15px ;
margin-bottom: 15px;}

#contenu  a:link { color:#0000FF; text-decoration:none;}
#contenu  a:visited { color:#0000FF; text-decoration:none;}
#contenu  a:hover { color:#99FF00; text-decoration:none; cursor:default;}
#contenu  a:active { color:#0000FF; text-decoration:none; border:none;}


/*PIED DE PAGE*/

#pied {
background:#FFF;
float:left;
width:100%;
height:50px;
border:none;}
