<style type='text/css'>
/* TYPO   */

h1 {
	text-align: left;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-stretch: extra-expanded;
    font-weight: bolder
    }

h2 {

   text-align: left;
   letter-spacing: 6px;
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size: large;
   font-stretch: extra-expanded;
   font-weight: bolder
   }

h3 {
   text-align: left;
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size: large;
   }

h4 {
   text-align: left;
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size: small;
   }

h5 {
   text-align: left;
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size: x-small;
   }

sup{
  font-size: 55%;
}

a: {
    text-decoration : none;
    }

a:link {
	text-decoration : none ;
	font-weight : normal;
	color : slateblue;
    }

a:visited {
	text-decoration : none ;
	font-weight : bold;
	color : indigo;
	}

a:hoover {
	text-decoration : underline;
	font-weight : bold;
	color : White;
	}

a:active {
	text-decoration : underline;
	font-weight : normal;
	color : White;
	}

table {
	border-style:solid;
	border-width:1px;
	border-color:silver;
	border-collapse:collapse;
	}

td {
	border-style:solid;
	border-width:1px;
	border-color:silver;
	}

.index_head
{
	border-style:none;
	border-width:0px;
	}

.grise {
	border-style:solid;
	border-width:1px;
	border-color:silver;
	background-color:silver;
	}

.lightblue {
	background-color:lightsteelblue;
	}

.lightgray {
	background-color:gainsboro;
	border-width:0px;
	}

.blue {
	border-style:solid;
	border-width:1px;
	border-color:blue;
	background-color:blue;
	}

.COL5e6358{
	border-style:solid;
	border-width:1px;
	border-color:#5e6358;
	background-color:#5e6358;
	color:#d4d0c8;
}

.none {
	border-width:0px;
	border-style:none;
	}

.formations_impair{
	border-width:0px;
	border-style:none;
	cellpadding:15px;
	cellspacing:4;
}

.formations_pair{
	background-color:#c5c7a5;
	border-width:0px;
	border-style:none;
	cellpadding:15px;
	cellspacing:4;
}

p {
	background-color:transparent;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:black;
	}

.clickable{
	cursor:hand;
}


/* STRUCTURE GENERALE DE LA PAGE INDEX */
body {
   margin: 0;
   padding: 5px;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #A6998D;
   }

div {
   height: auto;
   padding: 5px;
   }

div#header {
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size : 40px;
   font-stretch: ultra-expanded;
   letter-spacing: 4px;
   word-spacing: 5px;
   height: auto;
   left : 0;
   top : 0;
   margin: 0 0 5px 0;
   color: gold;
   background-color: navy;
   }

div#colonne1 {
   float: left;
   width: 150px;
   height: auto;
   margin: 0px 5px 10px 0;
   padding: 2px 2px 2px 2 px;
   background-color: #B22222;
   color: lightgrey;
   }

div#bloc1 {
   width : 139px;
   height: auto;
   margin : 0 0 3px 0;
   background-color: #A6998D ;
   color : #DFF0C5;
   text-align : center;
   }

div#bloc2 {
   width : 139px;
   height: auto;
   margin : 0 0 3px 0;
   background-color: white;
   color : gray;
   text-align : center;
   }

div#programme_formation {
   width : 139px;
   height: auto;
   margin : 0 0 3px 0;
   background-color: Gold;
   color : Navy;
   font: sans-serif 40px Arial, Helvetica, sans-serif;
   font-size: small;
   }

div#abonnez_vous {
   width : 139px;
   height: auto;
   text-align : center;
   margin : 0 0 3px 0;
   background-color: #FF8C00;
   font-weight: bolder
   }

div#login_abonnes {
   width : 144px;
   height: auto;
   margin : 0 0 0 0;
   background-color: Gold;
   }

div#formations{
   width : 139px;
   height: auto;
   text-align : center;
   margin : 0 0 3px 0;
   background-color: #FF8C00;
   font-weight: bolder
   }

div#pubs_google_subst {
   width : 120px;
   height: 240px;
   margin : 0 0 0 0;
   background-color: #FF8C00;
   }

div#temps{
   width : 128px;
   height: auto;
   margin : 0 0 3px 0;
   background-color: #FF8C00;
   font: sans-serif 40px Arial, Helvetica, sans-serif;
   font-size: x-small;
   }

div#colonne2 {
    float: right;
    width: 150px;
	height : auto;
    margin: 0px 0px 0px 0px;
    background-color: #B22222;
	color : White;
    }

div#colonne3 {
	float: right;
	position : relative;
	z-index: 2;
    width: 150px;
	height : auto;
    margin: 0 5px 0 5px;
    background-color: #FF8C00;
	font: 18px sans-serif;
    color: Gold;
	}

div#firefox{
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bolder;
   font-variant : small-caps;
   color : darkgray;
   width: 139px;
   height: 270px;
   background-color : white;
   }

div#image_blindup{
    position : absolute;
    top: 5px;
    left : 220px;
    z-index : 100;
}

#colonne4 {
	margin: 0px 165px 5px 165px;
	font-size: 14px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
	background-color: white;
	height : auto;
    text-align: justify;
    position : absolute;
    z-index : 1;
    top: 162px;
    left: 5px;
    right : 5px
    }

#colonne4 h2 {
	color: #2F4F4F;
	font-size: x-large;
	margin: 0.85em 0 0;
	line-height: 1.2em
	}

#colonne4 p {
	text-indent: 0;
	line-height: 1.2;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

#colonne4 .lead {
	text-indent: 0;
	font: 14px sans-serif;
	font-weight : bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #2F4F4F;
	margin : 5 0 0 0;
	}


#colonne4 #titre_edito {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight : bold;
	background-color: #A6998D;
	display: inline;
	text-indent: 0;
	letter-spacing: 6px;
	color : white;
	}

#colonne4 #auteur {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight : bold;
	background-color: #A6998D;
	display: inline;
	text-indent: 0;
	line-height: normal;
	letter-spacing: 4px;
	color : white;
	}



.text_swap_title {
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:4px;
	padding-left:0px;
	width:148px;
	text-align:center;
	height:40px
	}



#overDiv{
	z-index :1000;
	position :absolute;
	visibility : hidden;
}

#googleSearchUnitIframe
{
	position : absolute;
    top: 90px;
    left: 0px;
    right: 0px;
}

#infos_pratiques {
	float: right;
	width : 80%;
	margin: 5px 55px 5px 0px;
	height : auto;
    background-color: Gold;
    }

div#infos_pratiques_titre {
    width :25%;
    float : left;
    height: auto;
    margin : 0 0 0 3px;
    background-color: Gold;
    color : White
    }

#infos_pratiques_texte {
	float: right;
	margin: 0px 0px 3px 0px;
	background-color: White;
	height : auto;
	width : 300px;
    text-align: left;
	font: 18px sans-serif;
	font-weight : bold;
	color: #2F4F4F;
    }

#navbar {
	font-size : small;
	font-stretch: expanded;
	letter-spacing : normal;
	text-decoration: none;
	position: absolute;
	top: 110px;
	right: 0;
	padding: 2px 20px 2px 2px;
	white-space: nowrap;
	}

#navbar b {display: none;}

#navbar a {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFF0;
	padding: 2px 0.5em 1px;
	background-color : #4C342E
	}

#navbar a:hover {
	color: white;
	background: #BA6912;
	border-bottom-width: 3px;}

blockquote.pull {
	float: right;
	width: 45%;
	text-align : left;
	padding: 1em 1em 1em 1em;
	margin: 5px;
	border: px solid Gold;
	border-width: 1px 0px 1px 0px;
	font-size: medium;
	font-weight: bold;
	text-indent: 0;
	color: #BA6912;
	}

div#pagefooter {
    height: auto;
    clear: both;
    margin: 10px 0 0 0;
    background-color: Gold;
    text-align : center;
    font-size : small;
    color : #FFFF00;
    }

</style>