* {
 margin: 0;
 padding: 0;
}

body {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin: 0;
 background-color: #F7BE63; 
 color: #663333; 
}

a         { text-decoration:none; color: #520008; border-bottom: 1px solid #633031; } 	
a:visited { text-decoration:none; } 	
a:hover	  { color: #b94a55; }
a:active  { border-bottom: 0; color : #520008; }

/****** Définition des zones ******/

#global {
 position: relative; 
 width: 876px;
 text-align: left;
 margin-left: auto; 
 margin-right: auto;
 background: transparent url(images/fond-extensible.jpg) repeat-y; 
}

#haut {
 width: 876px;
 height: 360px;
 background: transparent url(images/fond-haut.jpg) no-repeat; 
 margin-bottom: 30px;
}

#haut a.retour {
 width: 540px;
 height: 200px;
 display: block;
 float: right;
 margin: 5px auto 0px 145px;
 border-bottom: 0;
}

#bas {
 position: relative;
 width: 876px;
 height: 160px;
 background: transparent url(images/fond-bas.jpg) bottom left no-repeat; 
 margin-bottom: 0px;
}

#bas a.retour {
 width: 540px;
 height: 60px;
 display: block;
 float:left;
 margin: 85px auto 0px 145px;
 border-bottom: 0;
}

#main {
 margin: 0px 95px 0px 331px;
 width: 450px;
 min-height: 450px;
}

#colonne {
 position: absolute;
 top: 450px;
 left: 60px; 
 width: 270px;
 text-align: center;
 
}

/* Sidebar */
#sidebar{
	width: 235px;
	float:left;
	padding:0px 0px 0px 0px;
	margin-left: 59px;
}
* html #sidebar{
	padding-top:30px;
}


/* L'image de la partie haute */

#haut img {
 position: absolute;
 top: 250px;
 left: 610px;
}

/* Titre et sous-titre */

div#titre {
 position: absolute;
 top: 280px;
 left: 350px;
 display: block;
 text-align: center;
 width: 240px;
}

div#titre h1 {
 width: 240px;
 height: 26px;
 font-size: 13px;
 font-weight: bold;
 background: transparent url(images/fond-menu.png) bottom center no-repeat;
 padding-top: 3px;
}

div#titre h2 {
 width: 240px;
 height: 24px;
 margin-top: 0px;
 background: transparent url(images/fond-menu.png) top center no-repeat;
 font-size: 10px;
 font-weight: bold;
 padding-top: 5px;
}


/* Menu Principal */

dl#menu {
 position: absolute;
 top: 280px;
 left: 70px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 width: 200px;
}

dl#menu dt {
 font-size: 12px; 
 font-weight: bold;
 letter-spacing: -0.06em;
 height: 29px;
 background: transparent url(images/fond-menu.png) top left no-repeat;
 margin-top: 0px;
}


dl#menu dt a {
 display: block;
 width: auto;
 border-bottom: 0;
 margin-left: 15px;
 padding-top: 3px;
}

dl#menu dt:hover,dl#menu dt.here {
 background-position: bottom left; 
}

dl#menu dd {
 margin: 0 0 0px 25px;
 display: none;
}

dl#menu dd.here {
 display: block;
}					

dl#menu ul {
 margin-bottom: 10px;
}

dl#menu ul li {
 list-style-type: none;				 
 font-size: 10px;
 line-height: 1.4em;
 height: 14px;
}

dl#menu li:hover,dl#menu li.here {
 list-style-image: url(images/puce.gif);	
}

dl#menu ul li a {
 border-bottom: 0;
 display: block;
 width: 185px;
}

/* Passerelle vers l'autre section du site */
dl#menu dt#id71 { 
 margin-top: 40px;
 background-image: url(../MargeVerlairFormation/images/fond-menu.png); 
} 

dl#menu dt#id71 a { color: #112370; } 
dl#menu dt#id71 a:hover { color: #325DC9; } 

dl#menu dt#id74, dl#menu dt#id75 { margin-bottom: 20px; } 

/****** Main ******/

#main h1 {
 color: #633031;
 font-size: 17px;
 margin: 10px 0px 20px 0px;
 font-weight: bold;
 text-align: left;

}

#main h1 span {
 border-bottom: 1px solid #633031;
}

#main h2 {
 color: #633031;
 font-size: 13px;
 margin: 15px 0px 0px 0px;
 font-weight: bold;
 border-bottom: 0px solid #310C31;
}

#main h3 {
 color: #633031;
 font-size: 11px;
 margin: 0px 10px 0px 0px;
 font-weight: bold;
 border-bottom: 0px dashed #310C31;
 font-style :italic;
}

#main p {
 font-size: 11px;
 margin: 5px 0px 5px 0px;
 line-height: 1.3em;
 text-align: left;
 color: black;
}


#main ul {
 color: black;
 line-height: 1.3em;
 margin: 0px 0px 20px 20px;
}

#main ul li {
 font-size: 11px;
 line-height: 1.3em;
 margin: 0px 0px 2px 0px;
 list-style-image: url(images/puce.gif);
}

#main ul ul {
 margin: 0px 0px 0px 25px;
}

#main ul ul li {
 font-size: 10px;
 margin: 0px 0px 0px 0px;
 list-style-image: url(images/sous-puce.jpg);
}

#main img {
 margin: 5px;
}

table {
 /* margin: 10px auto;
 position: relative; */
 margin-top: 10px;
 border: 1px solid #633031;
 border-collapse: collapse; 
}

table th {
 margin-top: 10px;
 margin-bottom: 10px;
 color: #520008;
 padding: 3px;
 font-size: 11px;
 font-weight: bold;
 border: 1px solid #CDAB9D !important;
 background: #F8DDB1 url(images/fond-table.jpg) left bottom repeat-x;
 text-align: center;
}

table th span {
 font-size: 1.5em;
}

table td {
 padding: 3px;
 vertical-align: top;
 color: black;
 text-align: left;
 font-size: 10px;
 border: 1px solid #CDAB9D;
}

table td.vcentre { vertical-align: middle; }
table td.hcentre { text-align: center; }
table td.bas 		 { border-bottom-width: 2px }

table p {
 font-size: 10px;
}

table tr.dot-bas td { border-bottom: 1px dotted #CDAB9D; }
table tr.dot-haut td { border-top: 1px dotted #CDAB9D; }

table tr.dot-bas td.bas { border-bottom: 2px solid #CDAB9D; }


/* Graphiques cliquables */

div#programme-cap {
 position: relative;
 margin-top: 20px;
 width: 450px;
 height: 165px;
 background: white url(../../images/ecole-cap-programme-tableau.jpg) top left no-repeat;
}

div#programme-cap a {
 width: 62px;
 height: 62px;
 position: absolute;
 border: 0;
 bottom: 0;
 left: 0:
}

div#programme-cap #p2 { left: 62px; }
div#programme-cap #p3 { left: 130px; }
div#programme-cap #p4 { left: 192px; }
div#programme-cap #p5 { left: 260px; }
div#programme-cap #p6 { left: 324px; }
div#programme-cap #p7 { left: 386px; }

/* Cadre de téléchargement */

a.dld {
 display: block;
 color: #b94a55;
 font-size: 14px;
 height: 37px;
 width: 400px;
 margin: 10px auto;
 padding-left: 57px;
 padding-top: 14px;
 background: transparent url(http://www.margeverlair.com/assets/images/fichier-pdf.jpg) 5px 0 no-repeat;
 border: 1px #D7BFB5 solid;
 -moz-border-radius: 15px;
}

a.dld:hover {
 color: #633031;
 border: 1px #633031 solid;
}

a.dld span {
 font-size: 9px;
 font-style: italic;
 color: #b94a55;
 float:right;
 margin-right: 5px;
 margin-top: -12px;
}

/***** Les différents tableaux *****/
table.ecole-cap-programme { width: 450px; }
table.ecole-cap-programme col.c1 { width: 26px }
table.ecole-cap-programme col.c2 { width: auto }
table.ecole-cap-programme col.c3 { width: auto }

table.ecole-cap-planning col.c1 { width: auto }
table.ecole-cap-planning col.c2 { width: 80px }
table.ecole-cap-planning col.c3 { width: 80px }
table.ecole-cap-planning col.c4 { width: 80px }


/****** Encarts photos ******/

div.encart-photo {
 position: absolute;
 top: 250px;
 left: 435px;
}

/****** Encart de citations ******/

div.citation-haut {
 width: 455px; 
 margin: 0px 40px 0px auto;
/* width: 455px;
 margin: 0 auto;*/
 background: transparent url(images/citation-haut.jpg) top left no-repeat;
}

div.citation-bas {
 padding: 30px 55px 20px 55px;
 background: transparent url(images/citation-bas.jpg) bottom right no-repeat;
 border: 0px red solid;
}

div.citation-bas p {
 font-size: 11px !important;
 font-style: italic;
 text-align: justify;
}

div.citation-bas p.auteur {
 font-size: 11px;
 font-style: normal;
 font-weight: bold;
 margin-top: 20px;
 color: #633031 !important;
 
}

/****** Les tableaux - données ******/


/****** Les tableaux - calendrier ******/

table#calendrier td { 
 padding: 5px;
}

/****** Les tableaux - formulaire ******/

div.formulaire {
 margin-top: 30px;
}

div.formulaire p {
 margin-top: 7px !important;
 clear: both;
}

div.formulaire p.error {
 color: red !important;
 font-weight: bold;
 margin: 20px auto;
 text-align: center;
}

div.formulaire label {
 display: block;
 text-align: right;
 float: left;
 width: 160px;
 font-size: 11px;
 font-weight: bold;
 color: #633031;
 height: 17px; 
 margin-right: 5px;
 border-bottom: 1px solid #F0E4E4;
}

div.formulaire label span {
 font-size: 9px;
 font-weight: normal;
}

input,textarea,select {
 margin: 0;
 color: #633031;
 font-size: 11px;
 border: 1px solid #D69EA4;
 padding-left: 2px;
}

input:focus,textarea:focus,input:hover,textarea:hover,select:focus,select:hover {
 border-color: #9A6C6D;
}

.obligatoire {
 background-color : #FFF9B3;
} 

input.button {
 margin-top: 20px;
 width: 200px;
 height: 29px;
 background: transparent url(images/fond-menu.png) bottom left no-repeat;
 border: 0;
 font-weight: bold;
 padding-bottom: 8px
}

input.button:hover {
 background-position: top left;
 color: #b94a55;
}

div.errors {
 font-size: 12px;
 color: red;
 margin: 0 40px 30px;
}

div.errors span {
 font-size: 10px;
}


div.managecontainer a, div#imageContainer a, div#imageDataContainer a { border-bottom: 0 !important; } 
hr { width: 50%  }

/*******************************/
/* Zone de crédits             */
/*******************************/


/** Les Crédits **/

#credits {
 position: absolute;
 text-align: right;
 color: #FFE99F;
 font-size: 9px;
 bottom: 1px;
 right: 55px;
 width: 760px;
 border: 0px yellow dotted;
}

#credits a {
 color: #FFE99F;
 border-bottom: 0;
}

#credits a:hover {
  color: white;
  border-bottom: 0;
} 

/****** Classes utiles ******/

.centrage { text-align: center !important; }
.spacer { clear: both; }
img.gauche { float: left; }
img.droite { float: right; }