/*normalisation*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;font-size: 100%;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none}
address, caption, cite, code, dfn, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}

@font-face {
    font-family: 'BriemAkademiStdCondensed';
    src: url('./font/briemakademistd-cond-webfont.eot');
    src: url('./font/briemakademistd-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/briemakademistd-cond-webfont.woff') format('woff'),
         url('./font/briemakademistd-cond-webfont.ttf') format('truetype'),
         url('./font/briemakademistd-cond-webfont.svg#BriemAkademiStdCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FolioStdBoldCondensed';
    src: url('./font/foliostd-boldcondensed-webfont.eot');
    src: url('./font/foliostd-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/foliostd-boldcondensed-webfont.woff') format('woff'),
         url('./font/foliostd-boldcondensed-webfont.ttf') format('truetype'),
         url('./font/foliostd-boldcondensed-webfont.svg#FolioStdBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
.gradient {
	    /* Navigateurs récents */
	    background: -webkit-gradient(
	        linear,
	        left top, left bottom,
	        from(#ffffff),
	        to(#E1E1E1)
	    );
	    background: -webkit-linear-gradient(
	        top,
	        #ffffff,
	        #E1E1E1
	    );
	    background: -moz-linear-gradient(
	        top,
	        #ffffff,
	        #E1E1E1
	    );
	    background: -o-linear-gradient(
	        top,
	        #ffffff,
	        #E1E1E1
	    );
	    background: linear-gradient(
	        top,
	        #ffffff,
	        #E1E1E1
	    );
		overflow:hidden;
	}

/*TEMPLATE*/
html{background-color:#201F24;}
body{position:relative;width:100%; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:70%;color:#000000;background-color:#201F24;}

div#menu-accessibilite{background:url('../images/top_bg.png') repeat-x;text-align:center;}
div#header{background:url('../images/header_bg.png') repeat-x;text-align:center;}
div#section{text-align:center;padding-bottom:0px;background-color:#FFF}
div#section div#bottom-content{background:url('../images/content_bg.png') repeat-x;text-align:center;}
div#section div#upper-content{text-align:center;background:url('../images/actu_bg.png') repeat-x;}
div#footer{background:url('../images/footer_bg.png') repeat-x;text-align:center;clear:both}

div.wrapper{position:relative;width:826px; margin: 0 auto; text-align:left;padding:0px 88px 0px 88px}


h1{margin:0px;font-size:100%;}
h2{margin:0px;font-size:100%;}

h3{margin:0px;font-size:100%;}

p{margin:0px 0px 8px 0px;font-size:100%;}

a{text-decoration:none;color:#215492}


em{font-style:italic}
strong{font-weight:bold}
legend{text-indent:-999em}
caption {text-indent:-999em}

table {width:100%;font-size:100%;}
table tr td{border:none;padding:5px;text-align:left;text-transform:uppercase;}
table tr th{color:#000000;background-color:#FFF;}

table tr td div{background:url('../jpg/etoiles.png') no-repeat;height:20px;width:20px;text-indent:-9999px}

/***********************menu-accessibilite**********************************************************************/
div#menu-accessibilite div.wrapper{height:45px;background:url('../images/overtop.png') no-repeat;}
div#menu-accessibilite ul{padding:13px 0px 0px 10px;color:#fff}
div#menu-accessibilite ul li{float:left;padding:0px 5px;border-right:1px solid}
div#menu-accessibilite  ul li:last-child{border-right:none}
div#menu-accessibilite ul li a{color:#fff}
div#menu-accessibilite ul li a:hover{text-decoration:underline}
div#menu-accessibilite p{position:absolute;top:0px;right:60px;margin:0}
div#menu-accessibilite p a {display:block;float:left;position:relative}
div#menu-accessibilite p img {display:block;float:left;position:relative;}
div#menu-accessibilite p a img{margin-top:15px;position:relative;margin-right:2px}
div#menu-accessibilite p a:hover img{margin-top:5px;}


/****************HEADER**************************************************************************/
div#header div.wrapper{height:128px;background:url('../images/header.png') no-repeat;}
div#header #logo{position:absolute;left:88px;top:0px}

	/****************nav_main****************************************************************************/
	div#nav_main {position:absolute;top:55px;right:88px;font-family:BriemAkademiStdCondensed;font-size:16px}
	div#nav_main ul  {position:relative;min-height:16px;overflow:hidden}
	div#nav_main ul li{float:left;color:#fff;margin-right:2px;font-weight:bold;}
	div#nav_main ul li:last-child{margin-right:0px;}
	div#nav_main ul li:last-child a{padding-right:0px;}
	
	div#nav_main ul li a{display:block;color:#fff;padding:0px 22px 0px 22px;font-size:1.1em;}
	div#nav_main ul li a:hover{color:#68C5DD;}
	
	div#nav_main ul li.actif{color:#FFF}
	div#nav_main ul li.actif a{color:#FFF}
	div#nav_main ul li a.actif{color:#68C5DD;}


/****************SECTION ACCUEIL**************************************************************************/
div#section ul {padding:5px 0px 7px 10px}
div#section ul li{list-style:disc outside;margin-left:15px;margin-bottom:4px}
div#section a{color:#FFF}

	/****************upper-content**************************************************************************/
	
	div#section #upper-content div.wrapper{height:300px;background:url('../images/actu.png') no-repeat;}
		.slides_container {
			padding:30px 0px 20px 20px;
			width:800px;
			display:none;
			z-index:100;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:800px;
			height:270px;
			display:block;
			position:relative;
		}
		
		.pagination {
			list-style:none;
			position:absolute;
			bottom:0px; right:150px;
			z-index:101;
		}
		
	div#section	.pagination li{
float:left;list-style:none;font-size:1.8em;	line-height:30px;font-family: 'impact';font-style:italic;}
	
		

		/*
			Optional:
			Show the current slide in the pagination
		*/
	div#section	.pagination a {
			color:#BA0D5C;
		}
	div#section	.pagination .current a {
			font-size:1.8em;
		}

		div#section	.slides_container p.lien_site {text-align:right;position:absolute;top:230px;right:243px;
		}
		div#section	.slides_container p.lien_site a{color:#F04F2F;font-weight:bold;text-transform:uppercase;
		}

	div#section #upper-content div.wrapper h2{color:#F04F2F;font-size:32px;font-family: 'impact';text-transform:uppercase;font-weight:normal}
	div#section #upper-content div.wrapper img{position:absolute;left:390px;top:-20px;}
	div#section #upper-content p{line-height:2em;width:320px;text-align:justify}

	/****************bottom-content**************************************************************************/

	div#section #bottom-content div.wrapper{height:419px;background:url('../images/content.png') no-repeat;}
	
	div#section #bottom-content div.wrapper div{width:245px;position:absolute;top:50px;color:#FFF}
	
	div#section #bottom-content h2{font-family:FolioStdBoldCondensed;font-size:16px;color:#fff;}
	div#section #bottom-content h2 span{display:block;font-family:BriemAkademiStdCondensed;font-size:50px;color:#fff;font-weight:normal;margin-top:-8px;margin-left:-4px}
	
	div#section #bottom-content div#internet{left:88px}
	div#section #bottom-content div#internet span{color:#BA0D5C;background:url('../images/internet.png') no-repeat;background-position:bottom right}
	div#section #bottom-content div#internet a{color:#BA0D5C;}
	div#section #bottom-content div#accessibilite{left:370px}
	div#section #bottom-content div#accessibilite span{color:#F04F2F;background:url('../images/accessibilite.png') no-repeat;background-position:bottom right}
	div#section #bottom-content div#accessibilite a{color:#F04F2F;}
	div#section #bottom-content div#transport{left:650px}
	div#section #bottom-content div#transport span{color:#68C5DD;background:url('../images/transport.png') no-repeat;background-position:bottom right}
	div#section #bottom-content div#transport a{color:#68C5DD;}


/****************FOOTER****************************************************************************/
div#footer div.wrapper {height:205px;background:url('../images/footer.png') no-repeat;overflow:hidden;color:#fff;}

div#footer div.left{width:240px;float:left;height:185px;margin:20px 30px 0px 0px ;}

div#footer div.left h2{font-family:BriemAkademiStdCondensed;font-size:22px;color:#fff;font-weight:normal;margin-bottom:10px}
div#footer div#plan_site li{margin-top:20px;font-variant:small-caps}
div#footer div#plan_site{background:url('../images/totem.png') no-repeat;background-position:bottom right}

div#footer div#newsletter {background:url('../images/picto_newsletter.png') no-repeat;background-position:bottom right;margin-right:0px;width:280px;}

div#footer a{color:#fff;font-weight:normal}




/****************SECTION INT**************************************************************************/

div#section div.col_left{float:left;width:185px}
div#section div.col_right{float:left;width:640px}


/****************NAV SUB**************************************************************************/

div#section ul.nav_sub {padding:10px 0px}
div#section ul.nav_sub li {display:block;position:relative;margin-left:0px;padding:10px 4px 10px 20px;margin-top:10px}

div#section ul.nav_sub li a {display:block;font-family:BriemAkademiStdCondensed;font-size:30px;font-weight:normal;}
div#section ul.nav_sub li#INTERNET {color:#000;background:url('../images/tache_internet.png') no-repeat}
div#section ul.nav_sub li#INTERNET a{color:#BA0D5C;background:url('../images/internet2.png') no-repeat;background-position:top right}
div#section ul.nav_sub li#ACCESSIBILITE {color:#000;background:url('../images/tache_acc.png') no-repeat}
div#section ul.nav_sub li#ACCESSIBILITE a{color:#F04F2F;background:url('../images/accessibilite2.png') no-repeat;background-position:top right}
div#section ul.nav_sub li#TRANSPORT {color:#000;background:url('../images/tache_transport.png') no-repeat}
div#section ul.nav_sub li#TRANSPORT a{color:#68C5DD;background:url('../images/transport2.png') no-repeat;background-position:top right}



div#section ul.nav_sub li ul {padding:0px;}
div#section ul.nav_sub li ul li{clear:both;float:none;padding:0px;margin-bottom:4px}
div#section ul.nav_sub li#INTERNET ul li a,div#section ul.nav_sub li#ACCESSIBILITE ul li a,div#section ul.nav_sub li#TRANSPORT ul li a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#000;background:none}

div#section ul.nav_sub li#INTERNET ul li a.actif{color:#BA0D5C;}
div#section ul.nav_sub li#ACCESSIBILITE ul li a.actif{color:#F04F2F;}
div#section ul.nav_sub li#TRANSPORT ul li a.actif{color:#68C5DD;}



div#section p.banner{clear:both;float:none;margin-top:10px}



/****************CONTENU**************************************************************************/

div#section div.article{min-height:700px;background-color:#232227;color:#FFF;padding:20px 30px 20px 30px;text-align:justify}

div#section div.article h1{font-family:BriemAkademiStdCondensed;font-size:30px;font-weight:normal;margin:10px 0px 20px 0px;}
div#section div.article h2{font-family:BriemAkademiStdCondensed;font-size:20px;font-weight:normal;margin:20px 0px 10px 0px;}
div#section div.article h3{font-size:12px;font-weight:bold;margin:20px 0px 5px 0px;}
div#section div.article p{line-height:20px}


div#section div#article_internet h2{color:#BA0D5C;}
div#section div#article_acc h2{color:#F04F2F;}
div#section div#article_transport h2{color:#68C5DD;}

div#section div#article_internet h1{border-bottom:1px solid #BA0D5C;}
div#section div#article_acc h1{border-bottom:1px solid #F04F2F;}
div#section div#article_transport h1{border-bottom:1px solid #68C5DD;}

div#section div.article div.column{
-moz-column-count:2;
-webkit-column-count:2;
-o-column-count:2;
column-count:2;
-moz-column-gap:50px;
-webkit-column-gap:50px;
-o-column-gap:50px;
column-gap:50px;
}

div#section div.ex_real{position:relative;margin:20px 0px 10px 50px}
div#section div.ex_real p{text-align:justify;position:absolute;width:230px;font-size:10px;line-height:14px}




/*contact*/
div#section div.article div.contact ul {margin:0px 40px 0px 90px;}
div#section div.article div.contact ul li {list-style:none;position:relative;margin-bottom:5px;}
div#section div.article div.contact ul li input {width:250px;height:16px;margin-left:120px;margin-right:5px}
div#section div.article div.contact ul li textarea {width:258px;height:150px;margin-left:120px;}
div#section div.article div.contact ul li label {display:block;position:absolute;left:0px;top:0px}

div#section div.article div.contact ul li .input_submit {	background:url('../images/bt_contact.png');
	width:99px;
	height:36px;
	text-shadow: 0px 0px 0px #fff;
	font-size: 12px;
	color:#FFF;
	border:none;
	text-align:left;display:block;margin-top:7px;
	text-indent:-999px;margin-left:283px
}

div#section div.article div#coordonnees {background:url('../images/bg_contact.png') no-repeat;width:575px;height:251px;position:relative;margin-top:20px}


/*contact*/

div#section div#contact ul li{
    font-family: BriemAkademiStdCondensed;
	list-style:none;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
	
}

div#section div#contact ul {float:left;text-align:left;}
div#section div#contact ul.int {	float:right;width:70%;text-align:right;color:#BC0E5B;}
div#section div#contact ul.acc {	float:right;width:70%;text-align:right;color:#E65133;}
div#section div#contact ul.tra {	float:right;width:70%;text-align:right;color:#64C3DE;}

div#section div#contact ul.int li a{	color:#BC0E5B;}
div#section div#contact ul.acc li a{	color:#E65133;}
div#section div#contact ul.tra li a{	color:#64C3DE;}


/****************REALISATION**************************************************************************/

div#section ul#cloud {width:160px;float:left;margin-right:15px}
div#section ul#cloud li{list-style:none;margin:5px;height:15px}
div#section ul#cloud li input{display:block;float:left;margin-right:5px}

div#section ul#cloud2{width:380px;float:left}
div#section ul#cloud2 li{list-style:none;width:180px;margin:5px;height:15px;float:left}
div#section ul#cloud2 li input{display:block;float:left;margin-right:5px}


div#section  div#result {clear:both}

div#section  div#result ul {margin:0px;}
div#section  div#result ul li {clear:both;list-style:none;position:relative;margin:20px 0px 0px 0px;width:100%;overflow:visible;min-height:155px}
div#section  div#result ul li p{margin-left:250px;width:auto}
div#section  div#result ul li p.img_deco{position:absolute;left:0px;top:0px;width:223px;margin:0;height:155px;overflow:hidden;}
div#section  div#result ul li p.img_deco a{position:absolute;left:0px;top:0px;display:block;width:223px;margin:0;height:155px;overflow:hidden;background:url('../images/vignette_rea.png') no-repeat;z-index:99}
div#section  div#result ul li p.img_deco img{width:187px;height:117px;position:absolute;z-index:9;left:25px;top:12px;}


div#section  div#result ul li h3 {
    margin-left:250px;
	color: #F04F2F;
    font-family: 'impact';
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}
div#section   p a.lien_real{float:left;display:block;height:27px;padding-left:35px;background:url('../images/bouton_fleche.png') no-repeat;text-transform: uppercase;padding-top:5px;margin-right:20px;}
div#section   p a.desc_real{float:left;display:block;height:27px;padding-left:35px;background:url('../images/bouton_fleche.png') no-repeat;background-position:0px bottom;text-transform: uppercase;padding-top:5px;}




/****************FORMULAIRE**************************************************************************/
input[type='text'] {
	padding: 5px;margin-bottom:5px;width:200px;height:10px
	font-size: 12px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	background: -moz-linear-gradient(100% 100% 90deg, #dedede, #f9f9f9);
	background: -webkit-gradient(linear, left bottom, left top, from(#dedede), to(#f9f9f9));
	border: 1px solid #717171;
font-family:Verdana;
}

input:focus {
	-webkit-box-shadow: 0px 0px 5px #007eff;
	-moz-box-shadow: 0px 0px 5px #007eff;
	box-shadow: 0px 0px 5px #007eff;
}


input.valid{
	background: -webkit-gradient(linear, left top, left bottom, from(#5c5c61), to(#36383b));
	width:100px;
	text-shadow: 0px 0px 0px #fff;
	font-size: 12px;
	color:#FFF;
	background: -moz-linear-gradient(top,  #5c5c61,  #36383b);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #5c5c61;
	-moz-box-shadow: 1px 1px 0px #5c5c61;
	box-shadow:  1px 1px 0px #5c5c61;
	
	}
input.valid-img{
	background:url('../images/bouton_inscription.png');
	width:99px;
	height:36px;
	text-shadow: 0px 0px 0px #fff;
	font-size: 12px;
	color:#FFF;
	border:none;
	text-align:left;padding-left:35px;vertical-align:top;line-height:40px;display:block;margin-top:7px;
	text-indent:-999px
	}
	
	
.select {
	color:#1e1e1e;
	font-size:14px;
	
	position:relative;
	float:none;
	width:220px;
	height:14px;
	padding:5px;
	margin:0px 0 6px 0;
	
	border-top:solid #e4e4e4 1px;
	border-right:none;
	border-bottom:solid #999999 1px;
	border-left:solid #e4e4e4 1px;
	
	background: #f9f9f9;
	background: -moz-linear-gradient(100% 100% 90deg, #dedede, #f9f9f9);
	background: -webkit-gradient(linear, left bottom, left top, from(#dedede), to(#f9f9f9));
	
}

.select .label {
	font-size:12px;
	
	padding:0;
	margin:0;
}
.select .label img {
	vertical-align:middle;
	overflow:hidden;
	margin:0;
	padding:0 5px 0 2px;
}
.select .button {
	color:#ffffff;
	font-size:14px;
	text-align:center;
	
	position:absolute;
	right:-1px;
	top:-1px;
	width:16px;
	height:14px;
	padding:5px;
	margin:0;
	cursor:pointer;
	
	border-top:solid #68C5DD 1px;
	border-right:solid #68C5DD 1px;
	border-bottom:solid #68C5DD 1px;
	border-left:solid #68C5DD 1px;
	
	background: #68C5DD;
	background: -moz-linear-gradient(100% 100% 90deg, #68C5DD, #3EA9C4);
	background: -webkit-gradient(linear, left bottom, left top, from(#68C5DD), to(#3EA9C4));
}
.select .button img {
	rotation: 0deg;
	-moz-transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.15s linear;
	-webkit-transform: rotate(0deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.select .button.active img {
	rotation: 90deg;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.select .list {
	position:absolute;
	width:230px;
	top:28px;
	left:-1px;
	z-index:1000;
	
	border-right:solid #e4e4e4 1px;
	border-bottom:solid #999999 1px;
	border-left:solid #e4e4e4 1px;
}
.select .optgroup {
	color:#1e1e1e;
	font-weight:bold;
	font-size:12px;
	
	padding:5px;
	margin:0;
	
	background: #f2f2f2;
	background: -moz-linear-gradient(100% 100% 90deg, #dfdfdf, #f2f2f2);
	background: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f2f2f2));
}
.select .optgroup img {
	vertical-align:middle;
	overflow:hidden;
	margin:0;
	padding:0 5px 0 0;
}
.select .option {
	color:#1e1e1e;
	font-size:12px;
	
	padding:5px;
	cursor:pointer;
	
	border-bottom:dotted #cccccc 1px;
	
	background: #f9f9f9;
	background: -moz-linear-gradient(100% 100% 90deg, #f9f9f9, #ffffff);
	background: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#ffffff));
}
.select .option img {
	vertical-align:middle;
	overflow:hidden;
	margin:0;
	padding:0 5px 0 0;
}
.select .option.bottom {
	border-bottom:none;
}
.select .option:hover {
	background: #ffffff;
}
input.button {
	color:#ffffff;
	font-size:14px;
	
	height:32px;
	padding:0 5px 0 5px;
	margin:6px;
	cursor:pointer;
	
	border-top:solid #6199D7 1px;
	border-right:solid #224F80 1px;
	border-bottom:solid #002F65 1px;
	border-left:solid #224F80 1px;
	
	background: -moz-linear-gradient(100% 100% 90deg, #224F80, #3278C4);
	background: -webkit-gradient(linear, left bottom, left top, from(#224F80), to(#3278C4));
	
	text-shadow: #1e1e1e 1px 1px 1px;
}

/***********************HIDDEN************************************************************************/
.cache{position:absolute;top:-900em;height:1px;width:1px;overflow:hidden}

/***********************CLEARFIX**********************************************************************/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}

.clearfix {display: inline-block;clear:both}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***********************lire la suite**********************************************************************/
.suite{text-align:right}