/*
	CSS pour Centre le Pont
	Jean-François Côté - egzakt.com
	2008/09/18
*/

body {
	font:75%/130% Verdana, Arial, sans-serif;
	margin:0 0 10px 0;
	color:#000000;
}

h1, h2 {
	margin: 0;
	padding: 5px 0 0 0;
}

h1 {
	font:bold 1.5em/1.2em Arial, sans-serif;
	color: #004772;
}

.bloc_accueil h1 a {
	text-decoration: none;
}

h2 {
	font:bold 1.17em/1.2em Arial, sans-serif;
	color: #F15A24;
	padding: 0 0 10px 0;
}

a {
	cursor:pointer;
	color:#193F58;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#F15A24;
}

img {
	border:0;
}


/* WRAPPER
-----------------------------------------*/
#fond_site {
	width:100%;
	background:url(../images/ul/tuiles/fond_site.jpg) repeat-x top left;
}

#wrapper_fond {
	position: relative;
	width:986px;
	margin:0 auto;
	z-index:1;
}

#wrapper {
	position: relative;
	width:986px;
	margin:0 auto;
	z-index:2;
}

#clp_fond {
	position: absolute;
	left: -142px;
}

#wrapper_contenu_top {
	padding-top: 10px;
	background: url(../images/ul/tuiles/fond_top_contenu_section.png) top left no-repeat;
}

.section_1 #wrapper_contenu_top {
	background: url(../images/ul/tuiles/fond_top_contenu.png) top left no-repeat;
}

#wrapper_contenu_top.bg_selected {
	background: url(../images/ul/tuiles/fond_top_contenu_selected.png) top left no-repeat;
}

#wrapper_contenu {
	background: url(../images/ul/tuiles/fond_contenu.png) top left repeat-y;
}

.msie #wrapper_contenu {
	background-image: none;
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/ul/tuiles/fond_contenu.png');
}

#contenu {
	margin: 0 13px 0 13px;
	padding: 0 5px;
	background: #FFFFFF url(../images/ul/tuiles/fond_section.jpg) top left no-repeat;
	height: 100%;
}

.section_1 #contenu {
	background: #FFFFFF url(../images/ul/tuiles/fond_accueil.jpg) top left no-repeat;
}

#contenu_droite {
	position: relative;
	width: 728px;
	float: left;
	padding: 20px 0 15px 32px;
}

#photo_ambiance {
	padding-left: 2px;
}

/* ENTETE
-----------------------------------------*/
#entete {
	width: 964px;
	padding: 0 11px;
	background: url(../images/ul/tuiles/fond_navig_secondaire.png) bottom left no-repeat;
}

#logo {
	padding: 13px 0 0 680px;
}

/* NAVIGATION
-----------------------------------------*/
#navigation_primaire {
	width: 930px;
	height: 15px;
	padding: 6px 17px;
	background: url(../images/ul/tuiles/navig_haut.gif) bottom left no-repeat;
	font-size: 0.92em;
	position:relative;
}

a#facebook {
	position:absolute;
	top:5px;
	right:22px;
	height:16px;
	padding:0 0 0 20px;
	background:url(../images/ul/icones/facebook.gif) no-repeat 0 0;
	text-decoration:none;
}

a#facebook:hover {
	color:#fff;
}

#navigation_primaire ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation_primaire ul li {
	float: left;
	padding: 0 5px;
}

#navigation_primaire ul li a {
	text-decoration: none;
}

#navigation_primaire ul li a.selected {
	font-weight: bold;
	color: #004772;
}

#navigation_secondaire {
	font-size: 0.92em;
	font-weight: bold;
}

#navigation_secondaire ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation_secondaire ul li {
	float: left;
}

#navigation_secondaire ul li a {
	display: block;
	float: left;
	height: 23px;
	padding: 15px 0 0 0;
	background: url(../images/ul/boutons/navig.gif) top left repeat-x;
	text-decoration: none;
	text-transform: uppercase;
}

#navigation_secondaire ul li a.selected {
	background: url(../images/ul/boutons/navig_selected.gif) top left repeat-x;
	color: #F15A24;
}

#navigation_secondaire ul li img {
	float: left;
}

#navigation_terciaire {
	width: 190px;
	float: left;
	padding-top: 3px;
}

.msie #navigation_terciaire {
	padding-top: 2px;
}

#sous_navig {
	padding: 0;
	margin: 0;
	border: 1px solid #BCDD91;
	border-top: none;
	list-style-type: none;
}

#sous_navig li {
	padding: 0;
	margin: 0;
	display: inline;
}

#sous_navig li a {
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #BCDD91;
	text-decoration: none;
	padding: 4px 14px;
	font-size: 0.83em;
	font-weight: bold;
	line-height: 1.3em;
}

#sous_navig li a.selected {
	background: #FFFFFF url(../images/ul/boutons/sous_navig_on.jpg) top left repeat-y;
	padding: 2px 12px;
	border: none;
}

.sous_navig_padding {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #BCDD91;
}

.msie .sous_navig_padding {
	padding-top: 1px;
}

.sous_navig_padding.no_top_border {
	border-top: none;
}

.msie .sous_navig_padding.no_top_border {
	border-top: 1px solid #BCDD91;
}

/* ACCUEIL
-----------------------------------------*/

#accueil_gauche {
	float: left;
	padding: 5px 0 0 18px;
	width: 613px;
}

#accueil_droite {
	float: left;
	width: 304px;
	padding: 5px 0 0 12px;
}

.section_1 .texte ul {
	font-size: 0.92em;
}

.bloc_accueil {
	position: relative;
	float: left;
	width: 163px;
	height: 312px;
	padding: 10px 25px 0 100px;
	margin: 113px 0 40px 0;
}

.msie .bloc_accueil {
	margin-bottom: 30px;
}

.bloc_accueil h1 {
	padding-top: 0;
	font-size: 1.17em;
	line-height: 1.1em;
}

.bloc_1 {
	background: url(../images/ul/tuiles/bloc_1.gif) top left no-repeat;
}

.bloc_2 {
	background: url(../images/ul/tuiles/bloc_2.gif) top left no-repeat;
}

.bloc_3 {
	background: url(../images/ul/tuiles/bloc_3.gif) top left no-repeat;
	margin-top: 36px;
}

#perso_1 {
	position: absolute;
	top: -15px;
	left: -32px;
	width: 134px;
	height: 389px;
	background: url(../images/ul/graphiques/perso_1.png) top left no-repeat;
}

.msie #perso_1 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/images/ul/graphiques/perso_1.png');
}

#perso_2 {
	position: absolute;
	top: -15px;
	left: -50px;
	width: 183px;
	height: 380px;
	background: url(../images/ul/graphiques/perso_2.png) top left no-repeat;
}

.msie #perso_2 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/images/ul/graphiques/perso_2.png');
}

#perso_3 {
	position: absolute;
	top: -15px;
	left: -60px;
	width: 159px;
	height: 408px;
	background: url(../images/ul/graphiques/perso_3.png) top left no-repeat;
}

.msie #perso_3 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/images/ul/graphiques/perso_3.png');
}

#perso_4 {
	position: absolute;
	width: 160px;
	height: 395px;
	background: url(../images/ul/graphiques/perso_4.png) top left no-repeat;
}

.msie #perso_4 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/images/ul/graphiques/perso_4.png');
}

.titre_bloc_accueil {
	font-weight: bold;
	color: #004772;
	height: 65px;
	text-transform: uppercase;
}

.titre_bloc_accueil a {
	text-decoration: none;
}

.contenu_bloc_accueil {
	font-size: 0.92em;
}

.contenu_bloc_accueil a.savoir_plus {
	display: block;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 0.82em;
	color: #0051A7;
	text-decoration: underline;
}

.contenu_bloc_accueil a.savoir_plus:hover {
	color: #F15A24;
}

.contenu_bloc_accueil span {
	color: #004772;
	font-size: 1.08em;
	font-weight: bold;
}

.bloc_2 .titre_bloc_accueil {
	color: #234E20;
}

.bloc_3 .titre_bloc_accueil {
	color: #792B00;
}

/* CALENDRIER DE FORMATION
-----------------------------------------*/

.bloc_calendrier {
	width: 689px;
	margin: 20px 0;
}

.bloc_calendrier a.bouton_calendrier {
	display: block;
	padding: 5px 0 5px 28px;
	background-position: 8px 0;
	background-repeat: no-repeat;
	font-size: 0.83em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.1em;
	border: 1px solid #bfd1dc;
}

.type_1 a.bouton_calendrier {
	background-image: url(../images/ul/boutons/calendrier_1.jpg);
}

.type_2 a.bouton_calendrier {
	background-image: url(../images/ul/boutons/calendrier_2.jpg);
}

.type_3 a.bouton_calendrier {
	background-image: url(../images/ul/boutons/calendrier_3.jpg);
}

.ouvert a.bouton_calendrier {
	background-position: 8px -61px;
	border-bottom: none;
}

.bloc_calendrier_texte {
	font-size: 0.92em;
	padding: 12px 28px;
	border: 1px solid #bfd1dc;
}

.bloc_calendrier_texte .calendrier_spacer, .spacer, .spacer_no_padding {
	background-color: #bfd1dc;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 5px 0;
}

.spacer {
	margin: 8px 0;
}

.spacer_no_padding {
	margin: 0 0 8px 0;
}

/* A PROPOS DE NOUS
-----------------------------------------*/

.membre {
	width: 236px;
	height: 100px;
	padding: 4px 18px 4px 4px;
	margin-top: 15px;
	font-size: 0.92em;
	background: url(../images/ul/tuiles/fond_perso.jpg) top left no-repeat;
}

.membre .membre_photo {
	width: 105px;
	float: left;
}

.membre .membre_description {
	float: left;
	width: 119px;
}

.membre .membre_description a {
	font-size: 0.82em;
}

.membre .membre_description span.membre_nom {
	display: block;
	padding: 4px 0;
	color: #004772;
	font-size: 1.17em;
}

.membre .membre_description span.membre_photo {
	display: block;
}

/* SERVICES ET FORMATIONS
-----------------------------------------*/

#calendrier_formations {
	position: absolute;
	top: 16px;
	right: 15px;
}

#calendrier_formations .bloc_calendrier {
	width: 170px;
	margin: 0;
	background: url(../images/ul/tuiles/fond_calendrier_formations.jpg) top left no-repeat;
	min-height: 307px;
}

.msie #calendrier_formations .bloc_calendrier {
	height: 307px;
}

#calendrier_formations .bloc_calendrier_titre {
	font-size: 1.17em;
	font-weight: bold;
	padding: 10px 0 0 12px;
	height: 40px;
	color: #004772;
}

#calendrier_formations .bloc_calendrier_texte {
	border: none;
	padding: 12px 0 0 12px;
}

/* BAS
-----------------------------------------*/

#bas {
	width: 950px;
	height: 39px;
	padding: 17px 0 0 36px;
	background: url(../images/ul/tuiles/bas.png) top left no-repeat;
	font-size: 0.92em;
}

#wrapper #perso_bas #perso_1, #wrapper #perso_bas #perso_2, #wrapper #perso_bas #perso_3, #wrapper #perso_bas #perso_4 {
	top: auto;
	left: auto;
	right: 25px;
	bottom: -50px;
	z-index: 3;
}

#bas #signature {
	float: right;
	color:#808080;
	text-transform:uppercase;
	padding:23px 35px 0 0;
}

#bas #signature a {
	font-size: 0.83em;
	color:#808080;
	text-decoration:none;
}

#bas #signature a:hover {
	text-decoration:underline;
}

#bas #copyrights {
	float: left;
	color: #808080;
	padding-top: 23px;
}


/* DIVERS
-----------------------------------------*/

.section_3 .texte, .section_4 .texte, .section_5 .texte, .section_6 .texte, .section_7 .texte {
	width: 560px;
}

.texte ul {
	padding: 5px 0 0 5px;
	margin: 0;
	list-style-type: none;
}

.texte ul li {
	background: url(../images/ul/icones/puce_2.gif) 0 2px no-repeat;
	padding: 0 0 5px 20px;
	margin: 0;
}

#accueil_droite .texte ul li {
	background: url(../images/ul/icones/puce_1.gif) 0 2px no-repeat;
}

a.fichier {
	padding:2px 0 0 22px;
}
a.fichier_pdf {
	background:url(../images/ul/icones/pdf.gif) no-repeat 0 0;
}
a.fichier_doc {
	background:url(../images/ul/icones/doc.gif) no-repeat 0 0;
}

span.note {
	font-weight: bold;
	color: #ED1C24;
}

.message, .succes {
	width:80%;
	margin:0 auto;
	background-color:#ff0000;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font:bold 12px/14px Verdana, Arial, sans-serif;
}

.succes {
	background-color:#2ea542;
}

.message ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.erreur {
	color:#ff0000;
}

form {
	margin:0;
}

.radio {
	border:none;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
}