body {
margin : 0;
padding : 0;
font : 73% "lucida sans", tahoma, "Trebuchet MS", arial, verdana, sans-serif;
color : #555;
background-color:#C0C0C0;
}

#container {
width:950px;
margin-left : auto;
margin-right : auto;
padding : 0;
line-height : 1.5em;
height:100%;
background-color:#f0f0f0;
border: 2px solid #476042;
}


/*************/
/*  INDEX-Home    */
/*************/

#home {
	width:750px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 10px;
	height : 400px;
	color : #333;
	text-align:center;
}

#home h1 {
	margin : 0;
	padding : 5px;
	background : transparent;
	font-weight:bold;
	font-size:22px; 
	text-align : center; 
	color:#000000;
}

#home img{
 border : 1px solid #90b905;
 margin: 0 5px 0 5px;
}

#home h2 {
	margin : 0;
	padding : 5px;
	background : transparent;
	font-weight:bold;
	font-size:18px; 
	text-align : center; 
	color:#000000;
}

#home h3 {
	margin : 0;
	padding : 5px;
	background : transparent;
	font-size:15px; 
	text-align : center; 
	color:#000000;
}

#home .left{
	float: left;
}

#home .right {
	float: right;
}

#home .footer{
	clear:left;
	margin : -250px 0 0 0 ;
}

/*************/
/*  HEADER   */
/*************/
#banner {
	height : 240px;
	padding-top : 10px;
	color : #333;
	text-align:center;
}

.logo{
	float:left;
	margin-left: 5px;
}

#banner h1 {
	margin : 0px;
	padding : 0px;
	background : transparent;
	font-weight:bold;
	font-size:22px; 
	color:#000000;
	line-height: 20px;
	
}


#banner .banner{
 border : 1px solid #90b905;
}

.motto {
font-weight:bold;
color:#891E18;
font-style: italic;
font-size: 1.5em ;
}

#banner .title{
	font-weight:bold;
	color:#891E18;
	font-style: italic;
	font-size: 1.0em ;
}

#banner p{
	font-style: italic;
}

/*************/
/* TOP MENU  */
/*************/

#navlist {
padding : 4px 5px 5px 0;
margin : 45px 0 20px 0;
text-align : left;
letter-spacing : 3px;
color : #fff;
background : #476042;
}

#navlist li {
list-style : none;
margin : 0;
display : inline;
}

#navlist li.actif{
padding : 5px 0.75em;
margin : 0;
text-decoration : none;
color : #fff;
background : #7ABA2E;
}

#navlist li a {
padding : 5px 0.75em;
margin : 0;
color : #fff;
background : #476042;
text-decoration : none;
}

#navlist li a:link {
color : #fff;
background : #476042;
}

#navlist li a:visited {
color : #fff;
background : #476042;
}

#navlist li a:hover {
color : #000;
background : #7ABA2E;
}

#navlist li #current {
color : #fff;
background : #7ABA2E;
}


#navlist li.lang a{
padding : 5px 0.75em;
margin-top : -4px;
color : #fff;
background : #476042;
text-decoration : none;
float : right;
height : 15px;
}

#navlist li.lang a:hover {
color : #000;
background : #7ABA2E;
}

.menu ul li {
line-height : 1.8em;
margin : 0 10px 0 0;
padding : 0;
list-style-type : square;
color : #476042;
background : inherit;
}
.menu ul li a {
color : #f17c0b;
background : inherit;
}
.menu ul li a:hover {
color : #7ABA2E;
background : inherit;
}

/*************/
/* SUBMENUS  */
/*************/

#submenu{
	margin-left: 10px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid 	#2E35BA;
	list-style-type: none;
}

#submenu ul, #submenu li{
	margin: 0;
	padding: 0;
	display: inline;
}

#submenu a{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 20px 4px 0;
	text-decoration: none;
	color: 	#2E35BA;
}

#submenu a:hover{
	border-bottom: 4px solid  #2E35BA;
	padding-bottom: 2px;
}

#submenu li.actif{
	float: left;
	line-height: 14px;
	margin: 0 20px 4px 0;
	text-decoration: none;
	color: 	#2E7DBA;
}


/*************/
/* BODY  */
/*************/

#content_border {
padding : 0;
margin-left : 0px;
margin-right : 200px;
border-right : 1px dashed #333;
color : #555;
background-color : #f0f0f0;
}

#content_border p {
margin : 20px;
}

#content{
color : #555;
background-color : #f0f0f0;
}

#content p,ol {
margin : 15px;
}

.line_dotted_bottom {
	width:95%;
	border-bottom:1px dotted #891E18;
}

#sidebar-a {
float : left;
width : 140px;
margin-left : 5px;
padding : 0 5px 0 5px;
color : #666;
background : #f7f7f7;
}

#sidebar-b {
float : right;
width : 180px;
margin : -10px 5px 0 0 ;
padding : 0 5px 15px 5px;
color : #333;
}



#footer {
 	clear: both;
	height: 30px;
	padding: 5px;
	text-align:center;
	border-top: 1Px solid #333;

}

.line_dotted {
	border-bottom:1px dashed #333;
}


a img {
border : 0;
}

.border {
padding : 10px;
margin : 10px;
border : 1px solid #476042;
}

.imgleft {
float : left;
border : 1px solid #90b905;
margin : 5px 10px 10px 15px;
padding : 3px;
}

.imgright {
float : right;
border : 1px solid #90b905;
margin : 5px 10px 10px 15px;
padding : 3px;
}

.imgcenter {
border : 1px solid #90b905;
padding : 3px;
text-align:center;
margin-left : 40%;
}

h1 {
margin : 20px;
padding : 5px;
font-size : 150%;
letter-spacing : 3px;
color : #fff;
background : #476042;
}
h2 {
padding-left : 20px;
font-size : 140%;
text-transform : uppercase;
letter-spacing : 10px;
color : #476042;
background : inherit;
}
h3 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #476042;
}
h4 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #f17c0b;
}
h5 {
font-weight:bold;
color:#891E18;
padding-left : 15px;
font-size : 110%;
}

ul#bullet{
	list-style-image: url(../images/bullet.png);
}

blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.clear {
clear : both;
width : 100%;
}
.col3,.col3center {
float: left;
width: 30.5%;
}
.col3center {
margin: 0 3%;
}

/* The following styles are for the calendar */

table.cal {
  border-width:1px;
  border-style:outset;
  padding: 0em;
  empty-cells: show;
  font-size: 12px;
  border-collapse:separate;
  background-color: #d8e1ec;
}

table.cal a
  {
  color:#0000dd;
  }
  
table.cal a:hover
  {
  text-decoration:underline;
  }


td.calcell
  {
  width: 1.5em;
  height: 1.2em;
  border: 1px solid #aaa;
  border-spacing:1px;
  border-style:inset;
  text-align: center;
  vertical-align: middle;
  background-color: #d8e1ec;
  }
td.O1
  {
  background-color: #FFFF66;
  }
td.D1
  {
  background-color: #1DB1CD;
  }

td.today
  {
  border: 1px solid #f00;
  }

th.cal {
  text-align: center;
  height: 1.6em;
  border: 1px solid #aaa;
  background-color: #eef;
  font-size: 12px;
}


/**************/
/* CONTACT    */
/**************/
#adr_left {
	float:left;	
	padding-left: 150px;
	width: 900px;
}


/******************/
/* FORMULAIRES    */
/******************/


#bodyForm {	/*** Mise en fome du corps du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 1em 1em 0 1em;
}

#bodyForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}

#bodyForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
}

#bodyForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#bodyForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 18%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .1em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#bodyForm label.required {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}

#bodyForm input,select{
	width: 45%;
}

#bodyForm textarea{
	rows:50;
	cols:220;
}

#bodyForm .legend {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	margin: 0;
	padding: 0;
}

#footForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#footForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}

* html body .content {
	height:100%;
	overflow:hidden
}

/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .content {
	height:0px;
	overflow:visible
	} 
/* fin du text caché pour IE/mac */

.div-min-height {
	height:510px;
	float:left
}
	
.div-min-height-bottom {
	height:350px;
	clear:left
}

.text_justify{
	text-align: justify ;
	text-indent: 2em ;
}

/*****************************/
/* APPRENTICESHIP ( TABLE ) */
/****************************/
.table_app {
	padding: 0em;
	font-size: 12px;
	margin : auto;
	width : 95%;
	text-align: center;
}

.table_app_header{
	font-weight: bold;
	margin : 10px;
}



.table_detail {
	font-size: 12px;
	margin-left : 40px;
	text-align: left; 
	width: 95%;
 }

.table_detail_right{
	font-weight: bold;
	vertical-align: top;
	padding : 10px;
 }

.table_detail_left{
	vertical-align: top;
	padding : 10px;
 }
 
 .table_detail_wanted_right{
	font-weight: bold;
	vertical-align: top;
	padding : 10px;
	color : red;
 }

.table_detail_wanted_left{
	vertical-align: top;
	padding : 10px;
	color :red;
 }