@charset "utf-8";
/* CSS Document */

* 						{ padding:0; margin:0}

body 					{ font-family:Arial, Helvetica, sans-serif; font-size:12px}

#container 				{ width:1000px; margin:auto}

#content 				{ clear:both; padding:0 40px}

#footer 				{ color:#666; height:248px; background:url(../img/bg-footer.jpg) no-repeat  0 bottom; clear:both; text-align:center; overflow:hidden; display:none}

#footer #plan			{ color:#FFF; clear:both}

#footer #plan a			{ color:#FFF}

#footer .partenaires	{ padding:25px 40px; overflow:hidden;  height:70px}

#footer .partenaires .element1 {}

#footer .partenaires .element2 { border-left:1px solid #09F; padding-left:15px}

#footer #eco-responsable	{ background:url("../img/low-carbon-event.jpg") no-repeat scroll 130px 15px transparent; clear:both; height:90px; line-height:76px; padding:10px 0 0 260px}

#footer #eco-responsable a	{ color:#50a81b}

#footer #eco-responsable a:hover	{ text-decoration:none}

#header 				{ height:174px; padding:27px 0 0 40px; background:url(../img/header.png) no-repeat; display:none}

#header .element1		{ width:680px; padding-top:15px}

#logo 					{}

#menu 					{ height:22px; list-style:none; width:826px; padding-top:15px; clear:both}

#menu li 				{ float:left; height:100%; border-right:1px solid #FFF}

#menu a 				{ display:block; text-align:center; font-weight:bolder; color:#FFF; text-shadow:1px 1px 1px #444; text-decoration:none; line-height:22px; height:100%; font-size:15px; background:#b6c80c}
#menu a:hover, #menu .select { background:#7d8a01}

#menu00 a 				{ width:152px}

#menu01 a 				{ width:233px}

#menu02 a 				{ width:106px}

#menu03 a 				{ width:180px}

#menu .element1			{ border-right:none}

#liens_utils			{ color:#696969; float:right; width:560px}

#liens_utils a			{ color:#696969; text-decoration:none; padding:0 10px; line-height:24px}

#liens_utils a:hover	{ text-decoration:underline}

#liens_utils a.facebook { color:#134884; text-transform:uppercase; float:left;}

#liens_utils a.viadeo 	{ float:left;}

#liens_utils a.facebook span { float:left}

#liens_utils a.facebook img { margin:0 5px; float:left}

#liens_utils a.fr		{ background:url(../img/home_14.jpg) no-repeat left; padding-left:25px; margin-left:10px}

#liens_utils a.en		{ background:url(../img/english-version.jpg) no-repeat left; padding-left:25px}

h1 						{}

h2 						{ color:#b6c80c; font-weight:bolder; font-size:19px}

#content p { padding-top:10px}

#contenu { width:600px; color:#666}

#navigation { width:195px}

#navigation ul { list-style:none}

#navigation li a {background:#f0f0f0; color:#333; height:30px; line-height:30px; text-indent:30px; display:block; border-bottom:1px solid #FFF; text-decoration:none; font-weight:bolder}

#navigation ul a:hover, #navigation .select {background-color:#48a8b6; color:#fff}



/*-------index---------*/


#accueil 					{ color:#686464}
#accueil .element1 		{ width:202px}
#accueil .element2 		{ width:695px}
#accueil .element3 		{ width:210px; padding:20px; background:#ebebeb; height:155px}
#accueil .element4 		{ width:405px; padding:10px; background:#ebebeb; height:175px; position:relative}
#accueil .element4 div 	{ float:right; padding:10px 0 0 0; width:170px}
#accueil .element4 p a		{ font-weight:bolder; color:#002f79; text-decoration:none}
#accueil .element4 p a:hover	{ text-decoration:underline}
.web-tv					{ position:absolute; right:-8px; bottom:-8px; display:block}

#accueil div div h2		{ color:#002f79; font-size:17px}
#accueil .lien a 			{ display:block; background:#327dc8; color:#FFF; height:22px; padding:0 10px; line-height:22px; text-transform:uppercase; float:right; text-decoration:none; font-weight:bolder}
#accueil .lien a:hover		{ background:#27609a}


/*-------------------------------details----------------------------------*/

#detail h4 				{ background:#2768aa url(../img/bg-titre.jpg) repeat-y; color:#FFF; font-size:20px; line-height:36px; height:36px; padding-left:10px}
#detail h1				{ font-size:30px; color:#2665a5; font-weight:bolder; border-bottom:1px solid #2665a5}
#detail h1 span 		{ font-size:24px; font-weight:bolder; color:#3e3c3c; display:block}
#detail .focus h2		{ font-size:16px; font-weight:bolder; color:#2665a5; line-height:25px}
div.focus					{ background:#f2f2f2; padding:10px 20px; margin-top:5px}

#detail .element1		{ width:655px; float:none; margin:auto}
#detail .element2		{ width:225px; display:none}
#detail .element3		{ width:410px}
#detail .element4		{ width:190px}

#detail div.element4			{ background:url(../img/encart-bottom.jpg) bottom no-repeat #b0b0b0; padding-bottom:15px; margin-top:15px}
#detail div.element4 .lien		{ }
#detail div.element4 .lien a	{
background:url(../img/btn-workshop.jpg) no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
font-weight:bolder;
height:29px;
line-height:29px;
margin:auto;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:165px}

#detail .lunch 					{ background:url(../img/lunch-bottom.jpg) #b6c80c bottom no-repeat}
#detail div.lunch .lien a		{ background-image:url(../img/btn-lunch.jpg); color:#454C05}

#detail h3 				{ color:#b6c80c; font-weight:bolder; font-size:19px; border-bottom:1px solid #b6c80c; padding-top:15px; margin-bottom:5px}

.speak tr				{ line-height:26px; text-indent:5px}
.speak tr.focus			{ background:#f7f7f7}
.speak strong			{ font-size:14px;}
.speak span				{ color:#979797}


#all-programs			{ background:#b0b0b0 url(../img/programs-bottom.jpg) no-repeat bottom; padding-bottom:55px; width:220px; color:#FFF}
#all-programs div		{ overflow:hidden; padding-bottom:10px; padding-left:25px}
#all-programs div p		{ border-top:1px solid #FFF}
#all-programs div p.lien	{border:none}
#all-programs span		{ color:#3e3c3c; font-size:18px; font-weight:bolder; display:block}
#all-programs strong	{ color:#fff; font-size:20px; display:block}
#all-programs .lien a	{ color:#114f8e; background:#FFF; float:right; display:block; height:21px; line-height:21px; padding:0 5px; text-decoration:none}
#all-programs .lien a:hover	{ text-decoration:underline}
#all-programs .lunch	{ background:#b6c80c}

#all-programs h2		{ background:url(../img/bg-titre.jpg) repeat-y; color:#FFF; padding:15px 0; text-indent:25px}


#detail #slideshow		{ height:350px}

/*-----------Recrutement------------*/

h1 { padding:0 15px 10px 12px}

#recrutement h2 { margin:20px 0}

#recrutement .element1, #recrutement .element2 { width:255px; text-align:justify; color: #909090}

#recrutement .element2 { width:235px;}

#recrutement .element1 { width:255px;}

#recrutement span { color:#009999}

#recrutement strong { color:#666}

#recrutement .element1 .list strong { color:#666; display:block}

#recrutement .element1 .list { list-style:none; border-top:1px solid #e1e1e1}

#recrutement .lien { text-align:right}

#recrutement .element1 .list li { padding:5px 0 5px 14px; border-bottom:1px solid #e1e1e1; background:url(../img/puce-list.jpg) no-repeat left 7px;}

#recrutement .element1 .list a { color:#909090; text-decoration:none}
#recrutement .element1 .list a:hover { color:#009999}

#recrutement .lien a { color:#666; text-decoration:underline}
#recrutement .lien a:hover { text-decoration:none}

/*--------------------------------------------elements-----------------------------------------------------------*/

.vert { color:#669900}

.bleu { color:#009999}

.gris { color:#666}

/*----------------color-------------------*/

.noBorderL { border-left:none}

.tAlignL {text-align:left}

.left { float:left}

.right { float:right}

.clear { clear:both}

hr.clear { border:none}

.relative { position:relative}

.all { position:absolute; right:0; bottom:0; width:100%}

.lien-bleu a { background:url(../img/fleche-bg-bleu.jpg) #36a8e1 no-repeat right center; color:#fff}

.all a {display:block; height:33px; line-height:32px; text-align:right; text-transform:uppercase; padding-right:30px; text-decoration:none}

.lien-gris a { background:url(../img/fleche-bg-gris.jpg) #efefef no-repeat right center; color:#044371}

.all a:hover { text-decoration:underline;}

.actu a {color:#66696b}

.actu a:hover { text-decoration:none}

.actu { list-style:none}

.actu li { padding:5px 0}

.actu strong {color:#044371}

a img {border:none}

.imgL {	float:left; margin-right:10px}

.bg-blanc {background:#FFF}

.bd-gris { border:1px solid #efefef}

.bg-gris {background:#efefef}

.h150 {min-height:150px; _height:150px;}

.h250 {min-height:250px; _height:250px}

.p15 {padding:15px}

.pl10 { padding-left:10px}

.pl30 { padding-left:30px}

.pl20 { padding-left:20px}

.pr20 { padding-right:20px}

.pr10 { padding-right:10px}

.p20 {padding:20px}

.pb0 {padding-bottom:0}

.pt10 {padding-top:10px}

.pt20 {padding-top:20px}

.pt0 {padding-top:0px}

.pl20 { padding-left:20px}

.bleu {color:#044371}

.w215 {width:215px}

.w255 {width:255px}

.w660 {width:660px}

.w450 { width:450px}

.w590 { width:590px}

.w330 {width:330px}

.w375 {width:375px}

.w300 {width:300px}

.w270 {width:270px}

.m15 {margin:15px}

.mt0 { margin-top:0}

.mt80 {margin-top:80px}

.mb30 { margin-bottom:30px}

.mAuto { margin:auto}

.clear { clear:both}


/*---------------------------------------------------------Actualité-----------------------------------------------------------*/

.global h1 { font-size:27px; padding:20px 0 }

#navigation h3 { height:40px; line-height:40px; background:#f4f4f4; padding-left:20px; margin:15px 0 0; font-size:14px; font-weight:bolder; text-transform:uppercase}

#liste-actu { color:#909090}

#liste-actu .lien { padding-top:25px}

#liste-actu .lien a { background:url(../img/btn-actu.jpg); color:#FFF; display:block; width:89px; height:18px; text-shadow:1px 1px 1px #777; line-height:18px; text-align:center; font-size:13px; text-decoration:none}
#liste-actu .lien a:hover { background-image:url(../img/btn-over.jpg); color:#000; text-shadow:none}

#liste-actu div { position:relative; border-bottom:1px solid #dbdbdb; overflow:hidden; padding:20px 0 10px;}

#liste-actu div div { float:left; padding-left:20px; width:360px; border-bottom:none}

#liste-actu .img { float:left; width:208px; height:118px; border-bottom:none; padding:5px; background:url(../img/bg-img.gif) no-repeat; margin-top:10px}

#liste-actu .date { font-size:11px; text-align:right; position:absolute; right:0px; bottom:10px}

.chemin { height:40px; line-height:40px}

.chemin .sep { background:url(../img/puce-chemin.gif) no-repeat center center; padding:0 10px }

.chemin span span a { color:#333; text-decoration:none;}

.chemin span span a:hover { text-decoration:underline}

.chemin .noBg { background:none}



/*-------------------Mission---------------------*/

#mission h3 { text-transform:none}

#mission #navigation h3 { text-transform:none; margin:0}

#plaquette { background:url(../missions/img/picto-plaquette.jpg) center 10px no-repeat; text-align:center; color:#666; display:block; font-size:11px; width:73px; height:40px; padding-top:45px}

#plaquette:hover { text-decoration:none}

#mission .liste { list-style:none; line-height:20px; margin:0 0 0 20px}

#mission .liste li { background:url(../missions/img/puce-chemin.gif) no-repeat left center; padding:5px 0 5px 15px}

#encart-plaquette { background:url(../missions/img/plaquette.jpg) 0 0; width:110px; height:187px; display:block; text-decoration:none; color:#666; text-align:center; margin-top:20px}

#encart-plaquette:hover { background-position:-110px 0}

#liste-mission h2 { color:#666; font-size:16px; background:url(../missions/img/puce-titre.jpg) no-repeat left center; padding:10px 0 10px 20px; line-height:30px; font-weight:bolder; margin-left:10px;}

#liste-mission div p { float:left; position:relative; height:110px; width:190px; font-size:11px}

#liste-mission div { float:left; width:300px;}

#liste-mission div strong { display:block; color:#669900; font-size:14px; padding-bottom:5px;}

#liste-mission div p a { position:absolute; bottom:0; left:0; display:block; color:#666; font-size:12px}

#liste-mission div a:hover { text-decoration:none}

#liste-mission .lien a { background:url(../missions/img/btn-contact.jpg) no-repeat; width:105px; height:18px; color:#FFF; line-height:18px; text-align:center; font-weight:bolder; display:block; text-decoration:none}
#liste-mission .lien a:hover { background-image:url(../missions/img/btn-contact_hover.jpg)}

/*----------------------------------valeur--------------------------------------*/

#bg-valeur { background:url(../aequitas/img/bg-valeur.jpg) no-repeat left bottom; width:393px; height:544px; position:absolute; left:30px; bottom:60px; z-index:5}

.zindex { z-index:10; position:relative}

.lH25 p { line-height:25px;}
div.blue strong {color:#48a8b6}
#aJustify { text-align:justify; height:760px; text-align:justify; z-index:20; position:relative}

.aJustify { text-align:justify}

/*--------------------------------------Internationnal-----------------------------------------*/

#internationnal .liste { list-style:none; line-height:20px; margin:0 0 0 20px}

#internationnal .liste li { background:url(../missions/img/puce-chemin.gif) no-repeat left center; padding:5px 0 5px 15px}

#internationnal { padding:10px}

#internationnal h3 { padding:10px 0}

#associes div { float:left; width:400px; padding-top:20px}

#associes p { float:left; width:290px; line-height:25px}

#associes p strong, #associes p a { display:block; color:#666}

#associes p a:hover { text-decoration:none}

/*---------------------------------------Plan-------------------------------------------------------*/


#plan ul 					{ border-right:1px solid #888; float:left; height:320px; list-style:none outside none; margin-bottom:58px; padding-left:40px; width:230px;}
#plan ul.element1			{ height:130px}
#plan ul.element2			{ border-right:none}
#plan li 					{ padding:5px 0}
#plan li a 					{ background:url(../img/puce-chemin.gif) no-repeat left center; padding:0 0 0 20px; color:#666; text-decoration:none}
#plan li a:hover			{ text-decoration:underline}



#pratical h1				{ background:#2768aa url(../img/bg-titre.jpg) repeat-y; color:#FFF; font-size:20px; line-height:36px; height:36px; padding-left:10px; padding-bottom:0}
#pratical .focus h2			{ font-size:16px; font-weight:bolder; color:#2665a5; line-height:25px}
div.focus					{ background:#f2f2f2; padding:10px 20px; margin-top:5px}

#pratical .element1			{ width:655px}
#pratical .element2			{ width:225px}
#pratical .element3			{ width:385px; padding-top:12px}
#pratical .element4			{ overflow:hidden; padding:15px 0}

#pratical h3 				{ color:#b6c80c; font-weight:bolder; font-size:15px; border-bottom:1px solid #b6c80c; padding-top:15px; margin-bottom:5px}

#pratical ul, #pratical ol 	{ padding:5px 20px 0; list-style-position:inside}
#pratical li				{ padding:5px}
li.focus					{ background:#f2f2f2}
#pratical a					{ color:#2768AA; text-decoration:none}
#pratical a:hover			{ text-decoration:underline}


/*-------------------------------------------------------------*/

#programs h1, #contact h1		{ background:#2768aa url(../img/bg-titre.jpg) repeat-y; color:#FFF; font-size:20px; line-height:36px; height:36px; padding-left:10px; padding-bottom:0}
div.cube						{ width:190px; height:200px; padding:20px 15px 29px; background:url(../img/cube.jpg) no-repeat; color:#666666; margin:0 5px; display:inline; float:left; position:relative}
div.cube h2, div.cube strong 	{ color:#2768aa; display:block}
div.cube strong					{ line-height:20px; font-size:14px; padding-top:5px}
div.cube span					{ color:#3e3c3c; font-size:18px; font-weight:bolder; display:block}
div.cube .element1				{ color:#004494; text-decoration:none; position:absolute; bottom:48px; right:15px}
div.cube .element1:hover		{ text-decoration:underline}

div.cube .element2, div.cube .element3	{height:44px; width:209px; display:block; text-indent:50px; line-height:44px; font-size:14px; font-weight:bolder; text-decoration:none; margin:10px 0; background-position:top}
div.cube .element2				{ background:url(../img/focus-read_more.png); _background:url(../img/focus-read_more.gif); color:#296fb5}
div.cube .element3				{ background:url(../img/focus-subscribe.png); _background:url(../img/focus-subscribe.gif); color:#FFFFFF}
div.cube .element2:hover, div.cube .element3:hover	{ background-position:bottom}

div.lunch						{ background:url(../img/cube-lunch.jpg) no-repeat; color:#fff}
div.lunch .element3				{ background:url(../img/focus-lunch.png); _background:url(../img/focus-lunch.gif); color:#454c05}
div.lunch h2, div.lunch strong 	{ color:#454c05}
div.lunch strong				{ color:#fff}
div.lunch span					{ color:#fff}
div.lunch .element1				{ color:#454c05}


div.cube .test 					{ position:absolute; z-index:10; top:0; left:0; background:url(../img/cube-focus.png); height:212px; width:431px; padding:10px}
div.lunch .test 				{ background:url(../img/cube-focus-lunch.png)}

div.cube .top					{ position:relative; z-index:20}
div.cube .bt					{ float:right; width:220px; padding-top:10px}
div.cube .speak					{ clear:both}
div.cube .speak	h3				{ color:#FFF; background:#b6c80c; height:21px; line-height:21px; text-indent:10px; margin-bottom:4px}
div.cube .speak	a				{ margin:0 5px; opacity:0.8; filter: ‘alpha(opacity=80)’; *filter: alpha(opacity=80)}
div.cube .speak	a:hover			{ opacity:1; filter: ‘alpha(opacity=100)’; *filter: alpha(opacity=100)}

div.cube p						{ padding-top:5px !important}
#cube4 .test					{ left:auto; right:0}
#cube4 .read					{ position:absolute; left:-215px; width:190px}

#programs div.programpub		{ background:none; padding:10px;}

/*----------------------------------Partenaires----------------------------------*/

#partenaire .element1 			{ clear:both; overflow:hidden; border-bottom:1px solid #CCC; padding:10px 0}
#partenaire .element1 div		{ float:right; width:435px; padding-right:15px; text-align:justify}
#partenaire .element1 div h2	{ text-align:left}		
#partenaire .element1 img		{ float:left}
#partenaire .lien a 			{ color:#009999; display:block; font-size:12px; text-align:left}
#partenaire						{ width:600px}
#partenaire .nobb				{ border-bottom:none}

.hover:hover					{ opacity:0.7; filter: ‘alpha(opacity=70)’; *filter: alpha(opacity=70)}


.forum							{ border-bottom:1px solid #b6c80c; padding:15px 0 5px 5px; color:#b6c80c }

#contact .element4				{ width:655px}

#contact .element5				{ width:225px}


#partage						{ border-top:1px solid #eee; border-bottom:1px solid #eee; height:34px; padding-top:7px; margin-top:30px; display:none}
#partage a						{ color:#5c5c5c; text-decoration:none; background-repeat:no-repeat; background-position:left center; padding-left:25px; height:29px; line-height:29px; display:block; float:left; margin:0 30px}
#partage a:hover				{ text-decoration:underline}
#partage .print					{ background-image:url(../img/print.jpg)}
#partage .subscribe				{ background-image:url(../img/subscribe.jpg); color:#FFF; font-weight:bolder; text-transform:uppercase; font-size:14px; text-align:center; width:165px; padding:0}
#partage .haut					{ background-image:url(../img/top.jpg)}
a.stbutton						{ padding-top:7px !important}
#partage .stico_default 		{ background-position:0 7px !important}


#entete							{ width:600px; margin:auto}
#info-entete					{ font-size:14px;line-height:25px;padding:64px 0 0;text-align:right;width:245px}