/*** HTML tag styles ***/
html { border:0; }

body {
	font: 11px/1.166 Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #c7d0f1;
	margin:0; padding:0; border: 0;
}

/*** hyperlink and anchor tag styles ***/
a:link, a:visited {	
	color: #233e97; 
	text-decoration: none;
}

a:hover { 
	color: #82bf7a;
	text-decoration:none
}

/*** header tag styles ***/
h1 {
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0;
	padding: 0 0 0 4px;
}

h2 {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 16px 0 4px 0;
	padding: 0;
}

h3.titleGreen { color:#87c481 }
h3.titleBlue { color:#253e98 }
h3.titleOrange { color:#f3991e }

h3.titleGreenCenter { color:#87c481; text-align:center }
h3.titleBlueCenter { color:#253e98; text-align:center  }
h3.titleOrangeCenter { color:#f3991e; text-align:center  }

p {
	line-height:1.3em;
	margin:8px 0;
}

ul {
	padding:12px 0 12px 40px;
	margin:0;
	line-height:16px
}

li {
	padding:0;
	margin:0
}

hr { 
	border:1px solid #f3991e;
	margin:10px 0 ;
	padding:0;
	line-height:16px
}

/*** img ****/
img.image_float_right {
	float: right;
	margin: 10px 0 10px 10px;
}

img.image_float_left {
	float: left;
	margin: 10px 10px 10px 0;
}

img.image_block_center {
	text-align: center;
	display: block;        /* no !important */
	margin: 0 auto;
	padding-top:10px;
}

/***** form / img *******/
form, img {
	padding:0;
	margin:0;
	border:0
}

/* Container */
#wrapper {
	position:relative;
	width: 834px;
	margin:0 auto;
	padding:0 0 10px 0;
	background: #fff url(../images/bgwrapper.png) no-repeat left bottom;
}

/**************** header ********************/
#header {
	position:absolute;
	top:0;
	left:0;
	width: 834px;
	height: 173px;
}

#bgheader img {float:left;}
#bgheader #item1160 img { margin-left:10px }

#pagelayout {
	float:right;
	margin:220px 12px 0 0;
	min-height:500px;
	display:inline;
	padding-right:10px;
	width:651px;
}

#marginLeft {
	float:left;
	width: 150px;
	min-height:500px;
	margin-top:180px;
	_overflow:hidden;
}

#leftArticle,#rightArticle{
	float:left;
	width:238px;
	margin:0;
	padding:0
}

#rightArticle{ float:right }


#leftCol,#rightCol{
	float:left;
	width:320px;
	margin:0;
	padding:0
}

#rightCol{
	margin-left:10px
}


/*** HOME ***/

#marquee {
	min-height:10px;
	padding-top:16px;
	padding-bottom:16px
}

/* title Default Centre*/

h2.titleCenter{
	position:relative;
	color:#81be7b;
	background:#c6d0f2;
	text-align:center;
	font: 20px normal Arial, Helvetica, sans-serif;
	_height:0px;
	margin:0;
	padding:2px 0 0 0
}

a.titleCenter:link, a.titleCenter:visited {
	position:relative;
	float:right;
	font-size:11px;
	padding-right:100px;
	margin-top:-16px
}

.topLeftTitle,.topRightTitle,.bottomLeftTitle,.bottomRightTitle{
	position:relative;
	width:5px;
	height:5px;
	font-size:5px
}

.topLeftTitle{
	float:left;
	margin-top:-2px;
	background: url(../images/title/topLeft.gif) no-repeat top left
}

.topRightTitle{
	float:right;
	margin-top:-2px;
	background: url(../images/title/topRight.gif) no-repeat top right
}

.bottomLeftTitle{
	float:left;	margin-top:-5px;
	background: url(../images/title/bottomLeft.gif) no-repeat bottom left
}
	
.bottomRightTitle{
	float:right;
	margin-top:-5px;
	background: url(../images/title/bottomRight.gif) no-repeat bottom right
}

/* titre orange*/

h2.titleOrange{
	color:#000;
	width:638px ;
	padding: 3px 0 0 0;
	text-align:center;
	margin:0 0 20px 0;
	font: 14px bold Arial, Helvetica, sans-serif;
	background:#f3991e url(../images/orangeTitle/top.gif) no-repeat top
}

.bottomOrange{
	width:638px ;
	height:10px ;
	float:left;
	margin-top:0;
	background:#f3991e url(../images/orangeTitle/foot.gif) no-repeat bottom
}

.link_default{float:right}


/* col */

h2.titleOrangeCol{
	color:#000;
	width:315px ;
	padding: 3px 0 0 0;
	text-align:center;
	margin:0 0 20px 0;
	font: 14px bold Arial, Helvetica, sans-serif;
	background:#f3991e url(../images/col/top.gif) no-repeat top
}

.bottomOrangeCol{
	width:315px ;
	height:10px ;
	float:left;
	margin-top:0;
	background:#f3991e url(../images/col/bottom.gif) no-repeat bottom
}

.item_content_col{
	width:315px
}

.item_content_col table{	
	padding: 15px;	
	background-color:#fef6eb;
	border: 1px solid #f3991e
}

/* enregistrement */

table#registration{
	width:600px
}

table#registration input{
	border: 1px solid #e7c18e;
}

table#registration td,table#registration th{
	text-align:left
}

table#registration th{
	width:200px
}

table.register input,table.register td{
	margin:0;
	padding:0
}

table.register td{
	padding:5px
}
/* actu */

.actuCenter {
	width: 146px; 
	float: left; 
	margin-left: 15px; 
	text-align: center;
}

.actuCenter a.moreAgenda:link, .actuCenter a.moreAgenda:visited {
	display:block;
	padding-top:76px;
	margin-bottom:10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.actuCenter span{
	display:block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px
}

.date {
	width:146px;
	height:52px;
	padding-top:8px;
	background: url(../images/cadreBleu.jpg) no-repeat;
	font: bold 11px Arial, Helvetica, sans-serif;
}

.actu{
	float:left;
	width:240px;
	font-size:12px
}

a.link_actu{
	float:left;
	display:block;
	width:69px;
	height:66px;
	background: url(../images/article/link.gif) no-repeat
}

img.image_actu {
	float: left;
	margin: 0 0 0 16px;
}

.content_actu{
	margin-top:10px;
	text-align:justify
}

/* links home */

#wrapLinks{
	margin:18px 0 25px 0;
	width:650px;
	background: url(../images/links/foot.jpg) no-repeat bottom;
}

#leftlinks, #rightlinks{
	float:left;
	display:inline;
	width:249px;
	background: url(../images/links/topLeft.gif) no-repeat top left;
}

#rightlinks {
	float:right;
	background: url(../images/links/topRight.gif) no-repeat top right;
}

#leftlinks h2, #rightlinks h2  {
	position:relative;
	padding:0;
	width:238px;
	color:#92a2dd;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	font-style: normal;
	margin: -18px 0 15px 0;
	//margin: -8px 0 5px 0;
}

#leftlinks a, #rightlinks a  {
	font-size: 11px;
	text-decoration:none
}

#leftlinks h2 a, #rightlinks h2 a  {
	display:inline;
	color:#92a2dd;
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none
}

#leftlinks td a, #rightlinks td a  {
	line-height:10px;
}

#leftlinks td   {
	padding-left:10px
}

#leftlinks td br {
	margin:6px 0;
	padding:0
}

.homelinksContent { padding:0 10px 0 16px; }

.homelinksContent ul, .homelinksContent table li { padding:0; margin:0; color:#233e97; line-height:11px !important}
.homelinksContent table li { padding:2px 0  }


#news {
	float:left;
	width:152px;
	height:103px;
	background:#d4dcfa url(../images/links/news.jpg) no-repeat;
}

#titleLinks{
	position:relative;
	width:152px;
	height:24px;
	margin-top:-23px;
	background:url(../images/links/titleLink.jpg) no-repeat;
}

#links{
	float:left;
	width:152px;
	height:127px;
	background:#d4dcfa url(../images/links/liens.jpg) no-repeat;
}

/* pres */

.contentPres{
	float:left;
	width:320px;
	margin:10px 0 0 10px;
	text-align:justify;
	font-size:12px
}

/* table */

.step table {
	border: 2px solid #f3991e;
	border-collapse: collapse;
	margin:0 30px 0 16px;
}

.step td {
	border: 1px solid #f3991e;
	padding: 5px;
	background-color:#fef6eb
}

.step th {
	border: 1px solid #f3991e;
	padding: 8px 5px;
	background-color:#fce5c5
}

.step table p {
	padding:0;
	margin:0
}

.step ul {
	padding:0;
	margin:0 0 0 20px

}


/* cadre vert */

.greenFrame{
	background: #63aed8;
	float:left;
	color:#fff;
	margin-bottom:20px;
}

.greenFrame h2{
	font-style: normal;
	font-size:14px;
	margin: 10px 0 0 0;
	padding: 0 0 15px 0;
	text-align:center;
	width: 560px;
	background: url(../images/greyFrame/blueLine.gif) no-repeat bottom center;
	color:#fff
}

.topLeftGreen,.topRightGreen,.bottomLeftGreen,.bottomRightGreen{
	width:8px;
	height:8px
} 

.topLeftGreen{
	float:left;
	background: url(../images/greyFrame/topLeft.gif) no-repeat top left
}

.topRightGreen{
	float:right;
	background: url(../images/greyFrame/topRight.gif) no-repeat top right
}

.bottomLeftGreen{
	float:left;
	margin-top:-2px;
	background: url(../images/greyFrame/bottomLeft.gif) no-repeat bottom left
}
	
.bottomRightGreen{
	float:right;
	margin-top:-2px;
	background: url(../images/greyFrame/bottomRight.gif) no-repeat bottom right
}

.blueLine{
	width:169px;
	height:2px;
}

.introGreen{
	float:left;
	margin:10px 10px 10px 10px;
	color:#253e98;
	padding:10px 0 0 20px;
	width:147px;
	background:#92d0f5 url(../images/greyFrame/topIntro.gif) no-repeat top
}

.introGreen .item_intro{padding:5px;}

.contentGreen{
	float:right;
	margin:0 30px 10px 35px;
	width:210px
}

.bottomIntroGreen{
	width:167px;
	height:10px;
	margin-left:-20px;
	background: url(../images/greyFrame/bottomIntro.gif) no-repeat bottom
}

img.image_green {
	float: left;
	margin: 15px 45px 0 30px;
}

.tel{
	float:left;
	width:211px;
	height:31px;
	color:#87c381;
	text-align:center;
	padding-top:3px;
	font-size:25px;
	margin-top:10px;
	background: url(../images/bgTel.gif) no-repeat;
}

.txtScroll {
	font-size:13px
}

/*** search ***/
#search {
	position:absolute;
	right:20px;
	margin:4px 0 0 0;
	width:160px;
	height:17px;
	background: url(../images/search.gif) no-repeat;
}

input#query{
	background:transparent;
	margin:0 5px;
	border:none;
	height:17px;
	padding: 0 0 0 12px;
}


/*** journal ***/

#journal {
	width:126px;
	margin:20px 0 0 10px;
	background: url(../images/journal/bgJournal.gif) no-repeat bottom left;	
}

#journal .item_content a:link,#journal .item_content a:visited{
	color:#fff
}

#topJournal{
	width:126px;
	height:41px;
	background:url(../images/journal/top.gif) no-repeat;
}

a.pdf{
	display:block;
	text-align:center;
	width:120px;
	padding-bottom:8px;
}


/*** path ***/
#path {
	position:absolute;
	left:0;
	margin:6px 0 0 165px;
	color:#5d5d5d;
	width:480px
}

#path a {
	color:#5d5d5d
}

/*annuaire*/

table#annu td{
	vertical-align:top;
	padding:10px}

/*** permanent item ***/

#contact {
	margin:20px 30px 0 10px;
	color:#90a4d9;
	line-height:12px
}

#contact p{
	padding:0;
	margin:6px 0 ;
	line-height:12px
}

#contact .title{
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #92a2dd;
	margin-top:20px;
}

#contact h1 {
	font-size:14px;
	color:#91a1dc;
	font-weight:bold;
	letter-spacing: -1px;
	padding:0;
	margin:5px 0 0 0;
	line-height:14px
}

#contact span {
	display:block;
	font-weight:bold;
	font-size:16px;
	margin-bottom:2px;
	color:#91a1dc
}


/************* Globale class ***********/

.item_content, .step {
	padding:0 20px 0 10px;
	font-size:12px
	
}

.clear, .item_separator, .item_separator1, .item_separator5, .item_separator10, .item_separator15, .item_separator20, .item_separator30, .item_separator40, .item_separator50, .item_separator60, .item_separator70, .item_separator80, .item_separator90, .item_separator100 {
	clear:both;
	background-color:transparent;
	margin:0;
	padding:0
}

.clear, .item_separator1 { height:1px; font-size: 1px; line-height:1px }
.item_separator5 { height:5px; font-size: 5px; line-height:5px }
.item_separator10 { height:10px; font-size: 10px; line-height:10px }
.item_separator15 { height:15px; line-height:15px }
.item_separator20, .item_separator { height:20px }
.item_separator30 { height:30px }
.item_separator40 { height:40px }
.item_separator50 { height:50px }
.item_separator60 { height:60px }
.item_separator70 { height:70px }
.item_separator80 { height:80px }
.item_separator90 { height:90px }
.item_separator100 { height:100px }


/*** Sitemap ***/ 

#sitemap {
	margin:0 0 0 50px;
	padding:0
}

#sitemap li, #sitemap ul { 
	list-style:none;
	padding:0;
	margin:0
}


#sitemap a:link, #sitemap a:visited{
	font-size:10px;
	margin:0 0 0 120px
}

#sitemap .level1 a:link, #sitemap .level1 a:visited{
	text-align:left;
	display:block;
	list-style:none;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#253e98;
	padding:15px 0 0 0;
	margin:0
}

#sitemap .level2 a:link, #sitemap .level2 a:visited{
	text-align:left;
	display:block;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	color:#000;
	padding:5px 0;
	margin:0 0 0 50px
}

#sitemap .level3 a:link, #sitemap .level3 a:visited {
	text-align:left;
	display:block;
	margin:0 0 0 80px;
	font-size:12px;
	padding:3px 0;
	text-decoration:none;
	color:#666666;
}