/* GENERAL */
html,body {
	height:100%;
	margin:0 0;
	padding:0 0;
 }

BODY {
	background: #d7eafa url(../img/back_main.jpg);
	color: #5d5d5d; /* grey */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}

#BackGradient {
	background: url(../img/back_maintop.jpg) repeat-x left top;	
}

#Container {
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0 1px;
	overflow: hidden;
	width:998px;
	zoom: 1;
}

#Footer {
	background: url(../img/back_footer.jpg) repeat-x left top;
	height:10px;
	color: #FFFFFF;
	font-size:11px;
	margin: 0 auto;
	padding:10px 10px;
	overflow: hidden;
	width:978px;
	zoom: 1;
}

#TopBanner {
	background: url(../img/back_topbanner.jpg) repeat-x left top;
	height:64px;
	padding: 10px 10px;
	_padding: 10px 0;
}

/* TITLES */
H1 {
	color: #56b2f7; /* bleu ciel */
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:26px;
	margin:0 0 22px 0;
	text-transform:uppercase;
}

H2 {
	color: #56b2f7; /* bleu ciel */
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	margin-bottom:21px;
	margin-top: 5px;
	text-transform:uppercase;
}

H3 {
	color: #801b1b; /* bourgogne */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	margin-top:12px;
	margin-bottom:17px;
}

H4 {
	color: #2047a3; /* bleu marin */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	margin-top:0;
	margin-bottom:15px;
}

H5 {
	color: #56b2f7; /* bleu ciel */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	margin-top:0;
	margin-bottom:5px;
}

H6 {
	color: #2047a3; /* bleu marin */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	margin-top:0;
	margin-bottom:0;
}

P {
	color: #5d5d5d; /* grey */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	margin:0 0 15px 0;
}

SUP {
	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

.separateur {
	border-bottom: 1px solid #bebebe;
	clear:both;
	margin: 20px auto;
}

.dotted {
	border-bottom: 1px dashed #bebebe;
	clear: both;
	display: block;
	height:1px;
	margin: 10px auto;
	padding: 0;
}

table.tableSeparateur {
	margin-bottom: 20px;
}

/* LISTE PUCE*/

UL.puce LI {
	list-style-image:url(../img/list_puce.jpg);
	padding-bottom: 3px;
}

/* LINKS */
A:link {color:#2047a3; outline:none; text-decoration:underline;} /* bleu marin */
A:visited {color:#2047a3; outline:none; text-decoration:underline;} /* bleu marin */
A:active {color:#2047a3; outline:none; text-decoration:underline;} /* bleu marin */
A:hover {color:#56b2f7; outline:none; text-decoration:none;} /* bleu ciel */

/* COLOR */
.bourgogne {color:#98291f;}
.rouge {color:#d2232a;}
.orange {color:#f68b1e;}
.jaune {color:#ffc20e;}
.vert {color:#41ad49;}
.bleuMarin {color:#25408f;}
.bleu {color:#0066b3;}
.bleuCiel {color:#00b4f1;}
.mauve {color:#993f98;}

.backBleu {background-color:#daf0fd;}
.backMauve {background-color:#bcbcd8;}
.backJaune {background-color:#fff1b0;}
.backVert {background-color:#daebc1;}
.backOrange {background-color:#ffcf8d;}
.backGris {background-color:#e6e6e6;}


/* ALIGN */
.block {
  display:block;
  clear:both;
  overflow:hidden;
  zoom:1;
}
.floatLeft {float:left;}
.floatRight {float:Right;}

/* SECTIONS */
.col_home {
	margin:2px 0 3px 0;
	width: 729px;
	padding:24px 24px 0 24px;
}

.col_menu {
	margin:1px 0 0 0;
	width: 200px;
}

.leftCol_pub {
	padding:30px 0;
	margin:2px 0 3px 0;
	position:relative;
	text-align:center; 
}

#topPage { position:absolute;}

.middleCol_content {
	border-left:1px solid #fcc93d; /* jaune orange*/
	min-height: 800px;
	_height: 100%;
	overflow: hidden;
	margin:1px 0 3px 0;
	padding: 24px 22px;
	position: relative;
	width: 532px;
	zoom: 1;
}

.rightCol_pubs {
	padding:24px 0;
	text-align:center; 
	width: 220px;
}

.col_home,
.middleCol_content {
	border-right:1px solid #56b2f7; /* bleu ciel */
	min-height: 800px;
	_height: 100%;
}	

/* MENU */
#menu {
	background-color:#fcc93d;
}

#menu UL {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu UL LI A:link,
#menu UL LI A:visited,
#menu UL LI A:active,
#menu UL LI A:hover,
#menu UL LI A.selected {
	border-bottom:1px solid #ffffff;
	color: #2771b6;
	display:block;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	margin:0;
	_margin-bottom: -15px;
	padding:9px 8px;
	text-decoration:none;
}

#menu UL LI A:link,
#menu UL LI A:visited,
#menu UL LI A:active {
	background-color:#fcc93d; /*light orange*/
	color: #2771b6; /* blue */
}

#menu UL LI A:hover {
	background-color:#faab1d; /* orange */
	color: #2771b6; /* blue */
}

#menu UL LI A.selected {
	background-color:#f67d04; /* dark orange*/
	color: #ffffff;
}

/* SUBMENU */
#submenu A:link {color:#f67d04; outline:none; text-decoration:none;} /* dark orange*/
#submenu A:visited {color:#f67d04; outline:none; text-decoration:none;} /* dark orange*/
#submenu A:active {color:#f67d04; outline:none; text-decoration:none;} /* dark orange*/
#submenu A:hover {color:#faab1d; outline:none; text-decoration:underline} /* orange */

#submenu a.submenuSelected {
	color: #56b2f7; /* bleu ciel */
	font-weight: bold;
	text-decoration:none;
	text-transform:uppercase;
}

/* IMAGES */
IMG {
	border:none;
}

IMG.alignLeft {
	float: left;
	margin: 0 20px 10px 0;
}

IMG.alignRight {
	float: right;
	margin: 0 0 10px 20px;
}

IMG.border {
	border: 1px solid #000000;
}

.pubInterlignage {
	clear:both;
	display: block;
	margin:0 auto 20px auto;
}

.pubBanner {
	clear:both;	
	display: block;
	margin: 0 auto;
}


/* HOME */
.bienvenue {
	width:390px;
}

.bienvenue2 {
	width:507px;
}

.home {
	border-left: 1px solid #fcc93d; /*light orange*/
	margin-left:24px;
	min-height: 450px;
	_height: 100%;
	padding-left:30px;
	width:550px;
}

.photoAcceuil {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 200px;
	overflow: hidden;
}

.photoAcceuilGC {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 230px;
	overflow: hidden;
}

.photoAcceuil IMG,
.photoAcceuilGC IMG {
	margin-bottom: 10px;
}

/* HORAIRE */
TABLE.horaire TD {
	border-bottom: 1px solid #ffffff;
}

/* FORMATION CONTINUE */

.FC {
	color:#41ad49; /* vert*/
	float: left;
	font-size:16px;
	text-transform:uppercase;
	width:40px;
}

.FCcontent {
	float: left;
	width:490px;
}

.FClogo {
	margin-top: -25px !important;
}

.FClist LI {
	padding-bottom: 10px;
}

/* ATELIERS THÉMATIQUES */

.AT {
	color:#41ad49; /* vert*/
	float: left;
	font-size:16px;
	text-transform:uppercase;
	margin-left:10px;
	padding-top:3px;
	width:40px;
}

.ATcontent {
	float: left;
	width:460px;
}

.ATlogo {
	margin-top: -10px !important;
}

/* GRANDES CONFERENCES */

.photoGC {
	margin-top:45px;
	margin-left: 20px;
	width: 173px;
}

.photoGC IMG {
	margin-bottom: 10px;
}

P.note {
	font-size: 10px;
	line-height:12px;
	margin-bottom: 5px;
}

.contentGC {
	width:335px;
}

/* ACTIVITÉ DU COMITÉ JEUNESSE */
.titleCJ {
	font-size:20px;
	line-height:22px;
	margin:30px 0 20px 0;
}

.pictCJ {
	margin:0 0 20px 0;
}

/* COPYRIGHT */
#Footer copyright {width:489px;}
#Footer contact {text-align:right;}

#Footer A:link {color:#FFFFFF; outline:none; text-decoration:underline;}
#Footer A:visited {color:#FFFFFF; outline:none; text-decoration:underline;}
#Footer A:active {color:#FFFFFF; outline:none; text-decoration:underline;}
#Footer A:hover {color:#FFFFFF; outline:none; text-decoration:none;}


/* haut de page */
.hautPage {
	clear:both;
	display:block;
	text-align: right;
	margin:10px 0;
}

/* VIDÉOS */

#videoContent {
	background-color: #FFFFFF;
	border: 2px double #095C90;
	margin: 50px 0;
	width:800px;
	padding: 50px 20px 20px 20px;
	overflow:hidden;
	position:absolute;
	top:49px;
	left:22px;
	z-index:1
}

.videoTitle {
	background-color:#ffc20e; /*orange*/
	color: #25408f; /*bleu Marin*/
	padding:10px 10px;
	font-size:16px;
	line-height:18px;
	width:300px;
	position:absolute;
	text-transform:uppercase;
	top:80px;
	left:40px;
	z-index:2;
}

.videoLogo {
	position:absolute;
	top:15px;
	left:670px;
	z-index:2
}