/** Import CSS **/

/* @import url('http://yui.yahooapis.com/combo?2.6.0/build/reset-fonts/reset-fonts.css'); */
@import url('reset.css');
@import url('grid.css');

/*******************************

Bienvenue dans le fichier CSS !

Couleurs utilisées
--------------------------------
Bleus Audencia:    #042754
Bleus liens :      #063689
Gris 1 :           #444444
Rouille (MBA) :    #B4360F
Bleu (Grande Ecole) :   		#0B649C
Rouge (Formation Continue) :    	#69071C
Vert1 (Mastères spécialisé) :	#3E652E
Vert2 (Masters Internationaux): 	#0B5C4B
Turquoise (Relations Entreprises) : 	#138D93
Violet (Recherche) : #753689

--------------------------------
Nov. 08
Les polypodes
www.lespolypodes.com
Oct 2008

*******************************/

	html {
		height: 100%;
		background-color: #dbdbdb;
	}
	body {
		color: #333;
		background: #dbdbdb url('../img/bg-body.png') no-repeat 50% -25px;
		}
	#page {
		background-color: #fff;
		background: #fff url('../img/bg-page.png') no-repeat 0 85px;
		position: relative;
		
		}
	#header {clear: both;}
	#main {padding: 0 0 15px 0;}
	#content {overflow: hidden;}
	#sideContent {}
	#footer {clear:both;}
	#footerEn {clear:both;}
	#footerCn {clear:both;}



/* ---------------------------------------------------------
== Entete
------------------------------------------------------------ */

	#header {
		position: relative;
		height: 17.95em;
		font-family: Georgia, serif;
		background: url('../img/bg-header.png') no-repeat bottom right;
		
		}
	/* Anim Flash */
	#anim {position: absolute; top: 0; left: 0; z-index: 1;}
	#anim .message {
		position: absolute; bottom: 0; left: 0;
		font-size: 85%;
		background-color: #ffe;
		padding: .8em; margin: .8em;
		border: 1px #ddd solid;
		width: 200px;
		}
	.message noscript {font-weight: bold;}
	
	/* Bandeau Audencia */
	#manchette {
		position: absolute; top: 0; right: 0;
		font-size: 250%;
		}
	#manchette h1 {display: inline;}

	/* Navigation haute */
	#nav {
		position: absolute;
		top: 95px; left: 310px;
		overflow: hidden;

	}
	#nav div {width: 200px; float: left;}
	
	#nav #n1 {width: 210px;}
	
	#nav a {color: #042754; display: block;}
	#nav a:hover {text-decoration: none;}
	#nav ul.rubs {
		background: url('../img/crochet-bas.png') no-repeat bottom left;
		padding: 0 0 5px 8px;
		font-size: 93%;
		font-weight: bold;
		min-height: 70px;
	}
	#nav .rubs li {
		margin: 0 0 2px -10px;
		padding: 0 0 0 12px;
		}
	#nav a:hover, #nav a:focus {
		background: url('../img/puce-active-nav.png') no-repeat 2px 50%;
		padding: 0 0 0 12px;
		margin: 0 0 0 -12px;
	}
	#nav li.current {
		background: url('../img/puce-active-nav.png') no-repeat 2px 50%;
		padding: 0 0 0 12px;
	}
	#nav .titre {
		display: block;
		background: url('../img/crochet-haut.png') no-repeat top left;
		padding: 5px 0 5px 8px;
		color: #444444;
		font-size: 108%;
		font-weight: normal;
	}
	
	/* Changement de couleur de la navigation selon les thématiques */
	#nav #n1 a:hover ,#nav #n1 a:focus {color: #444!important;}
	#nav #it4, #nav #it4 a:hover,#nav #it4 a:focus {color: #0B649C!important;}
	#nav #it5, #nav #it5 a:hover,#nav #it5 a:focus {color: #B4360F!important;}
	#nav #it6, #nav #it6 a:hover,#nav #it6 a:focus {color: #3E652E!important;}
	#nav #it10, #nav #it10 a:hover,#nav #it10 a:focus {color: #3E652E!important;}
	#nav #it7, #nav #it7 a:hover,#nav #it7 a:focus {color: #0B5C4B!important;}
	#nav #it8, #nav #it8 a:hover,#nav #it8 a:focus {color: #138D93!important;}
	#nav #it9, #nav #it9 a:hover,#nav #it9 a:focus {color: #69071C!important;}

/* ---------------------------------------------------------
== Menu gauche
------------------------------------------------------------ */
	#menu {
		font-family: Georgia, serif;
		margin-top: 15px;
	}
	#menu h3 {
		background: url('../img/crochet.png') no-repeat;
		padding: 4px 0 3px 8px; margin: 10px 0 10px 0;
		color: #333;
		font-size: 93%;
		font-weight: bold;
	}
	#menu ul {font-size: 85%; margin-bottom: 20px; zoom:1;}
	#menu a {
		display: block;
		color: #333;
		background: url('../img/puces-menu.png') no-repeat 0 2px;
		padding: 0 0 0 15px;
		}
	#menu a:hover, #menu a:focus {background-position: -296px 2px;}
	#menu li  {margin: 0 0 2px 0;}
	#menu li.current {
		font-weight: bold;
		color: #73240B;
		background: url('../img/puces-menu.png') no-repeat -591px 2px;
		padding: 0 0 0 15px; margin: 0 0 2px 0;
		}
	
/* ---------------------------------------------------------
== Prelude
------------------------------------------------------------ */
	#prelude {}
	#prelude li {display: inline;}
	#prelude a {
		position: absolute;
		top: -100em;
		color: #fff!important;
		z-index: 1000;
		}
	#prelude a:focus {
		position: relative; top: 0;
		display: block;
		background-color: #003668;
		padding: .5em;
		color: #fff;
		}

/* ---------------------------------------------------------
== Partie gauche
------------------------------------------------------------ */
	#side {margin-top: 4.5em;}
	/* Tools */
	#tools {
		position: absolute; top:19.2em; right: 10px;
		background: url('../img/bg-recherche.png') no-repeat bottom center;
		padding: 10px 5px 8px 5px; margin-bottom: 0px; margin-top: 12px;
		font-size: 93%;
		}
	#tools .btn {position: relative; top: 5px;}
	#recherche {margin: 0 0 3px 0;}
	#recherche #searchInput {
		width: 147px;
		padding: 0 0 0 3px;
	}

	#quickAccess {}
	#quickAccess select {width: 180px;}
	
	/* Contenus de droite */
	.sideContent {
		background: url('../img/filet-220.png') no-repeat bottom left;
		padding: 0 0 10px 0; margin: 0 0 30px 0;
	}
	body#homeGen.js #intro .sideContent { margin-left: 30px; }
	body#homeGen.js #presentation .sideContent { margin-left: 0px; }
	.noborder {background-image: none;}
	.sideContent h2 {
		font-family: Georgia, serif;
		padding: 4px 0 3px 8px; margin: 10px 0 10px 0;
		background: url('../img/crochet.png') no-repeat;
	}
	.sideContent hr {margin: 0 0 10px 0;}
/* 	.sideContent h3 {font-weight: bold;} */
	.sideContent .content {margin: 0 0 0 10px;}
	.sideContent .content p, .sideContent .content ul {
		font-size: 93%;
		margin: .5em 0 .5em 0;
		line-height: 1.4;
		}
	.sideContent .content li {
		background: url('../img/puce-grise.png') no-repeat 0 3px;
		padding: 0 0 0 15px; margin: 0 0 5px 0;
	}

	.helpMe {
		background: url('../img/filet-220-revers.png') no-repeat top left;
		font-size: 85%;
		padding: 8px 0 0 0; margin-top: 25px;
	}
	.helpMe .content {
		background: url('../img/help.png') no-repeat 0 0;
		padding: 0 0 5px 50px;
		margin: 0;
	}
	#promo .content {margin: 0;}
	.button {
		position: relative;
		background-color: #000;
		margin: 30px 0 30px 0;
		color: #fff;
		font-family: Georgia, sans-serif;
		background: #B4360F url('../img/bg-apply.png') no-repeat bottom center;
	}
	.button .content {
		text-align: center;
		padding: 5px;
		}

	.button a {color: #fff;}
	.button a:hover {color: #ff0!important;}

	/* Elemnts d’arrondis */
	.tl, .tr, .bl, .br {
		position: absolute;
		background: url('../img/arrondis-5px.png') no-repeat;
		width: 5px; height: 5px;
		}
	.tl, .tr {top: 0;}
	.bl, .br {bottom: 0;}
	.tl, .bl {left: 0;}
	.tr, .br {right: 0;}
	.tl {background-position: left top;}
	.bl {background-position: left bottom;}
	.tr {background-position: right top;}
	.br {background-position: right bottom;}
	
/* ---------------------------------------------------------
== Fil d’arianne
------------------------------------------------------------ */
	
	#ariane {
		padding-top: 1em;
		padding-bottom: .8em;
		padding-left: 60px;
		font-size: 85%;
		}
	#ariane ul {display: inline;}
	#ariane li {display: inline;}


/* ---------------------------------------------------------
== Styles contenus principaux
------------------------------------------------------------ */
	.article {margin: 25px 0 0 0;}
	.article a:hover, .article a:focus {}
	.article p a, .article ul a, .article ol a {text-decoration: underline}
	.article h1 {font-size: 197%;}
	.article h2 {font-size: 138.5%;}
	.article h3 {font-size: 123.1%;}
	.article h4 {font-size: 116%;}
	.article h5 {font-size: 100%;}
	.article h6 {font-size: 93%;}
	.article p,.article ul,.article ol {font-size: 93%; line-height: 1.4; clear: both;}
	.article .csc-textpic-text p { clear: none; }
	.article .actu  p { clear: none; }
	.article h1 {margin: 0 0 .5em 0;}
	.article p,.article ul,.article ol,.article h2,.article h3,
	.article h4,.article h5,.article h6 {
		margin: 1em 0 .5em 0;
	}
	.article h5 {}
	.article h6 {color: #333;}
	.article ul {
		margin: 0 0 0 1em; padding: 0 0 0 1em;
	}
	.article li {
		list-style: disc;
	}
	.article .links li {}
	.article .links li {
		list-style: none;
		background: url('../img/puce-questions.png') no-repeat 0 50%;
		padding: 0 0 0 10px;
	}
	.article img {
		border: 1px #ddd solid;
		border-top: 1px #eee solid;
		border-bottom-width: 2px;
		padding: 4px;
		background-color: #fff;
		margin: 10px 0 0 0;
	}

	.article .top {
		background: url('../img/puce-top.png') no-repeat 100% 50%;
		padding: 0 10px 0 0;
		text-align: right;
	}
	.crochet {
		/* Titres a crochets */
		font-family: Georgia, serif;
		padding: 4px 0 3px 10px; margin: 0 0 5px 0!important;
		background: url('../img/crochet.png') no-repeat 0 1px;
		font-size: 108%!important;
		color: #333!important;
	}
	/* Pagination */
	.pagination {text-align: center;}
	.pagination li {display: inline;list-style: none;}
	.sideContent .pagination li {margin:0px; padding:0px; background:none;}
	.pagination a {text-decoration: none!important;}
	.pagination.f640 {
		background: url('../img/filet-640.png') no-repeat left bottom;
		text-align: center;
		padding: 1em;
	}
	.pagination a, .pagination span {padding: 3px 5px 3px 5px;}
	.pagination span.current {
		background-color: #ddd;
		color: #000;
		font-weight: bold;
		}
	
	
	/* Formulaires */
	

	.error {
		background-color: #ffe;
		border: 1px #ddd solid;
		padding: 0 .5em .5em .5em; margin: 0 0 .8em 0;
		color: #000;
		}
	.article .field_line {margin: 0 0 .5em 0;}
	.article .field_line.col {}
	.article .field_line.last {float: right;}
	
	.article .field_line.last .inptTxt,
	.article .field_line.last textarea {width: 99%;} /*Ajustement, le dernier element d’une colonne a des champs plus larges*/
	.article form ul {
		margin: 0; padding: 0;
		font-size: 93%;
		overflow: hidden;
	}
	.article form li {
		list-style: none;
		margin: 0; padding: 0;
	}
	.article form li li {
		width: 48%; float: left;
		margin-right: 5px;
		}
	.article form .inptCbox, .article form  .inptRdo{ float: left;}
	.article form li li label {display: block;}
	.article legend {
		font-size: 123.1%;
		padding: 0 0 .5em 0;
		}
	.article fieldset {margin: 0 0 .8em 0;}

	.article label, .article .pseudo_label {
		font-weight: bold;
		padding: 0 0 .1em 0;
		}
	.article .inptCbox, .article .inptRdo {vertical-align: middle;}
	.article label.cboxLabel, .article label.rdoLabel {
/* 		display: inline!important; */
		padding: 0 0 0 20px;
		font-weight: normal;
		}
	.article .field_valid {text-align: right;clear: both;}
	
	.article p.help {
		font-size: 85%;
		color: #444;
		margin: 0 0 0 0;
		font-style: italic;
		}

	/* Bloc actualité */
	.actu {margin-bottom: 0; background-color: #fff;}
	.actu h3 {
		margin: .3em 0 .1em 0 !important;
		}
	.actu h4 {
		margin: .3em 0 .5em 0 !important;
		font-size: 100%;
		color: #063689!important;
		}
	.actu h4 p {margin: 0; font-size: 100%; }
	.actu img {margin-top: .5em;}
	.actu p {margin: .3em 0 .8em 0;}

	/* Images en drapeaux */
	.alignLeft {margin: 0 .7em .5em 0!important; float: left;}
	.alignRight {margin: 0 0 .5em .7em!important; float: right;}

	/* Liens PLUS */
	#content .acces {
		clear: both;
		overflow: hidden;
		background: url('../img/filet-400.png') no-repeat;
		padding-top: 1em; margin-bottom: 1.5em;
	}
	.plus {font-size: 85%;}
	.plus img {margin: 0; padding: 0; border: 0;vertical-align:middle;}
	.plus a {display:inline-block;line-height:14px;text-decoration:none;vertical-align:middle;}
	
	

	#content .plus, #videos .plus  , .bloc  .plus {
		float: left;
		margin: 0 5px 0 5px;
		}

	#side .acces, #videos .acces, .bloc .acces{
		background: url('../img/filet-220.png') no-repeat;
		padding-top: 1em;
		overflow: hidden;
		margin-top:5px;
	}
	#side .plus {padding: 0 0 0 10px;}

/* ---------------------------------------------------------
== Footer
------------------------------------------------------------ */

	#footer {
		background: url('../img/bg-pied.png') no-repeat bottom left;
		font-family: Georgia, serif;
	}
	#footerEn {
		background: url('../img/bg-pied-en.png') no-repeat bottom left;
		font-family: Georgia, serif;
	}
	#footerCn{
		background: url('../img/bg-pied-en.png') no-repeat bottom left;
		font-family: Georgia, serif;
	}
	/* Navigation de pied */
	#footerNav {
		text-align: right;
		font-size: 85%;
		padding-right: 240px;
		/* Ajout Onext */ padding-bottom:30px;
		}
	#footerNav li {display: inline;}
	#footerNav a {color: #333;} 
	
	/* Accreditations */
	#footer #accreditations, #footerEn #accreditations, #footerCn #accreditations {
		margin-bottom: 20px; padding: 0 0 0 35px;
		}
	#footer #accreditations img, #footerEn #accreditations img, #footerCn #accreditations img {
		margin-right: 30px;
		}
	#accreditations li {display: inline;}
	
	/* Langues */

	#langues {left: 840px; top: 219px; margin: 0 0 13px; padding: 0 0 0 35px; position: absolute;}
	/*#langues {left: 840px; top: 206px; margin: 0 0 13px; padding: 0 0 0 35px; position: absolute;}*/
	/*#langues {left:830px;margin:0 0 13px;padding:0 0 0 35px;position:relative;bottom:740px;}*/
	#langues li {display: inline;}
	#langues a {
		display: block;
		width: 36px; height: 22px;
		background: url('../img/langues.png') no-repeat;
		float: left;
	}
	#langues #lg1 a{background-position: top left;}
	#langues #lg2 a {background-position: top right;}
	#langues #lg1 a:hover, #langues #lg1 a:focus {background-position: bottom left;}
	#langues #lg2 a:hover, #langues #lg2 a:focus {background-position: bottom right;}
	
	/* Quand le site est en anglais */
	#langues #lgen1 a { 
		background: url('../img/chinois-francais.png') no-repeat; 
		background-position: top left;
	}
	#langues #lgen2 a { 
		background: url('../img/chinois-francais.png') no-repeat; 
		background-position: top right;
	}
	#langues #lgen1 a:hover, #langues #lgen1 a:focus {background-position: bottom left;}
	#langues #lgen2 a:hover, #langues #lgen2 a:focus {background-position: bottom right;}
	
	/* Quand le site est en chinois */
	#langues #lgcn1 a { 
		background: url('../img/francais-anglais.png') no-repeat; 
		background-position: top left;
	}
	#langues #lgcn2 a { 
		background: url('../img/francais-anglais.png') no-repeat; 
		background-position: top right;
	}
	#langues #lgcn1 a:hover, #langues #lgcn1 a:focus {background-position: bottom left;}
	#langues #lgcn2 a:hover, #langues #lgcn2 a:focus {background-position: bottom right;}
	
	/* Adresse */
	#adresse {
		position: relative; top: 0;
		font-size: 85%;
		color: #fff;
		text-align: right;
		padding: 0 280px 10px 0; margin: -5px 0 0 0;
		}
	#adresse a {
		text-decoration: underline;
		color: #fff;
		}
	#adresse a:hover {color: #FEE50B!important;}


/* ---------------------------------------------------------
== Utils
------------------------------------------------------------ */
	/* Elements hors champ */
	.hc {position: absolute; top: -1000em;}

/* ---------------------------------------------------------
== HTML
------------------------------------------------------------ */

	a:hover, a:focus {
		color: #000!important;
		}
	a {
		text-decoration: none;
		color: #063689;
		}
	strong, b {font-weight: bold;}
	em, i {font-style: italic; font-weight: inherit;}

	input, select, textarea {
		color: inherit;
		}
	.inptTxt, select, textarea {
		border-width: 1px;
		}
	.inptTxt {padding: 2px;}
	.focused {
		background-color: #ffe;
		color: #000;
		border-color: #999!important;
		}
	hr {
		border: 0;
		margin: 1em 0 0 0;
		height: 1px ;
		background: #eee;
		}
	a img {}


/* ---------------------------------------------------------
== Elements d’habillage - Dépendants de l’ID du body
Permet de fournir une couleur particulière à chaque domaine
------------------------------------------------------------ */	
/*-----------Corporate-------------*/
	/* Crochet */
	body#homeGen #menu h3 {background-image: url('../img/crochet.png'); color: #042754;}
	body#homeGen .sideContent h2, body#homeGen .crochet {background-image: url('../img/crochet.png');}
	body#homeGen .button {background: #042754 url('../img/bg-apply.png') no-repeat bottom center;}

	body#homeGen #menu a {background-image: url('../img/puces-menu.png');}
	body#homeGen #menu li.current {background-image: url('../img/puces-menu.png'); color: #042754;}


	/* Couleurs textes */
	body#homeGen .article h1,
	body#homeGen .article h2,
	body#homeGen .article h3,
	body#homeGen .article h4,
	body#homeGen .article h5,
	body#homeGen .article h6 {color: #042754;}

	body#homeGen legend {color: #042754;}


/*-----------MBA-------------*/
	/* Crochet */
	body#mba #menu h3 {background-image: url('../img/crochet-mba.png'); color: #B4360F;}
	body#mba .sideContent h2, body#mba .crochet {background-image: url('../img/crochet-mba.png');}
	body#mba .button {background: #B4360F url('../img/bg-apply-mba.png') no-repeat bottom center;}

	body#mba #menu a {background-image: url('../img/puces-menu-mba.png');}
	body#mba #menu li.current {background-image: url('../img/puces-menu-mba.png');}


	/* Couleurs textes */
	body#mba .article h1 {background-color: #B4360F; color: #FFFFFF; padding: 5px 5px 5px 5px;}
	body#mba .article h2 {color: #B4360F;},
	body#mba .article h3 {color: #B4360F;},
	body#mba .article h4 {color: #B4360F;},
	body#mba .article h5 {color: #B4360F;},
	body#mba .article h6 {color: #B4360F;}

	
	body#mba legend {color: #B4360F;}

/*-----------Grande Ecole -------------*/
	/* Crochet */
	body#ge #menu h3 {background-image: url('../img/crochet-grande-ecole.png'); color: #0B649C;}
	body#ge .sideContent h2, body#ge .crochet {background-image: url('../img/crochet-grande-ecole.png');}
	body#ge .button {background: #0B649C url('../img/bg-apply-grande-ecole.png') no-repeat bottom center;}

	body#ge #menu a {background-image: url('../img/puces-menu-grande-ecole.png');}
	body#ge #menu li.current {background-image: url('../img/puces-menu-grande-ecole.png'); color: #0b5073;}


	/* Couleurs textes */
	body#ge .article h1,
	body#ge .article h2,
	body#ge .article h3,
	body#ge .article h4,
	body#ge .article h5,
	body#ge .article h6 {color: #0B649C;}
	
	body#ge legend {color: #0B649C;}
	
/*-----------Masters Internationaux -------------*/
	/* Crochet */
	body#mi #menu h3 {background-image: url('../img/crochet-masteres-internationaux.png'); color: #0B5C4B;}
	body#mi .sideContent h2, body#mi .crochet {background-image: url('../img/crochet-masteres-internationaux.png');}
	body#mi .button {background: #0B5C4B url('../img/bg-apply-masteres-internationaux.png') no-repeat bottom center;}

	body#mi #menu a {background-image: url('../img/puces-menu-masteres-internationaux.png');}
	body#mi #menu li.current {background-image: url('../img/puces-menu-masteres-internationaux.png');color: #00493a}


	/* Couleurs textes */
	body#mi .article h1,
	body#mi .article h2,
	body#mi .article h3,
	body#mi .article h4,
	body#mi .article h5,
	body#mi .article h6 {color: #0B5C4B;}

	body#mi legend {color: #0B5C4B;}
	
/*-----------Masters Spécialisés -------------*/
	/* Crochet */
	body#ms #menu h3 {background-image: url('../img/crochet-masteres-specialises.png'); color: #3E652E;}
	body#ms .sideContent h2, body#ms .crochet {background-image: url('../img/crochet-masteres-specialises.png');}
	body#ms .button {background: #3E652E url('../img/bg-apply-masteres-specialises.png') no-repeat bottom center;}

	body#ms #menu a {background-image: url('../img/puces-menu-masteres-specialises.png');}
	body#ms #menu li.current {background-image: url('../img/puces-menu-masteres-specialises.png');color: #1c420d}


	/* Couleurs textes */
	body#ms .article h1,
	body#ms .article h2,
	body#ms .article h3,
	body#ms .article h4,
	body#ms .article h5,
	body#ms .article h6 {color: #3E652E;}

	body#ms legend {color: #3E652E;}
	
/*-----------Relations entreprises -------------*/
	/* Crochet */
	body#re #menu h3 {background-image: url('../img/crochet-relations-entreprises.png'); color: #138D93;}
	body#re .sideContent h2, body#re .crochet {background-image: url('../img/crochet-relations-entreprises.png');}
	body#re .button {background: #138D93 url('../img/bg-apply-relations-entreprises.png') no-repeat bottom center;}

	body#re #menu a {background-image: url('../img/puces-menu-relations-entreprises.png');}
	body#re #menu li.current {background-image: url('../img/puces-menu-relations-entreprises.png');color: #045f63}


	/* Couleurs textes */
	body#re .article h1,
	body#re .article h2,
	body#re .article h3,
	body#re .article h4,
	body#re .article h5,
	body#re .article h6 {color: #138D93;}

	body#re legend {color: #138D93;}

/*-----------Formation Continue -------------*/
	/* Crochet */
	body#fc #menu h3 {background-image: url('../img/crochet-formation-continue.png'); color: #69071C;}
	body#fc .sideContent h2, body#fc .crochet {background-image: url('../img/crochet-formation-continue.png');}
	body#fc .button {background: #69071C url('../img/bg-apply-formation-continue.png') no-repeat bottom center;}

	body#fc #menu a {background-image: url('../img/puces-menu-formation-continue.png');}
	body#fc #menu li.current {background-image: url('../img/puces-menu-formation-continue.png');}


	/* Couleurs textes */
	body#fc .article h1,
	body#fc .article h2,
	body#fc .article h3,
	body#fc .article h4,
	body#fc .article h5,
	body#fc .article h6 {color: #69071C;}

	body#fc legend {color: #69071C;}

/*-----------Faculté ou recherhe-------------*/ 
	/* Crochet */
	body#fac #menu h3 {background-image: url('../img/crochet.png'); color: #042754;}
	body#fac .sideContent h2, body#fac .crochet {background-image: url('../img/crochet.png');}
	body#fac .button {background: #042754 url('../img/bg-apply.png') no-repeat bottom center;}

	body#fac #menu a {background-image: url('../img/puces-menu.png');}
	body#fac #menu li.current {background-image: url('../img/puces-menu.png'); color: #042754;}


	/* Couleurs textes */
	body#fac .article h1,
	body#fac .article h2,
	body#fac .article h3,
	body#fac .article h4,
	body#fac .article h5,
	body#fac .article h6 {color: #042754;}

	body#fac legend {color: #042754;}
	
/*-----------Recherche-------------*/ 
	/* Crochet */
	body#rec #menu h3 {background-image: url('../img/crochet-recherche.png'); color: #753689;}
	body#rec .sideContent h2, body#fac .crochet {background-image: url('../img/crochet-recherche.png');}
	body#rec .button {background: #753689 url('../img/bg-apply.png') no-repeat bottom center;}

	body#rec #menu a {background-image: url('../img/puces-menu-recherche.png');}
	body#rec #menu li.current {background-image: url('../img/puces-menu-recherche.png'); color: #753689;}


	/* Couleurs textes */
	body#rec .article h1,
	body#rec .article h2,
	body#rec .article h3,
	body#rec .article h4,
	body#rec .article h5,
	body#rec .article h6 {color: #753689;}

	body#rec legend {color: #753689;}
	
	
	
/*-----------Page spéciales -anniversaire promo 2007-------------*/ 
	/* Crochet */
	body#anni #menu h3 {background-image: url('../img/crochet.png'); color: #042754;}
	body#anni .sideContent h2, body#anni .crochet {background-image: url('../img/crochet.png');}
	body#anni .button {background: #042754 url('../img/bg-apply.png') no-repeat bottom center;}

	body#anni #menu a {background-image: url('../img/puces-menu.png');}
	body#anni #menu li.current {background-image: url('../img/puces-menu.png'); color: #042754;}
	body#anni {background: #dbdbdb url('../img/bg-anni.png') no-repeat 50% -25px;}


	/* Couleurs textes */
	body#anni .article h1,
	body#anni .article h2,
	body#anni .article h3,
	body#anni .article h4,
	body#anni .article h5,
	body#anni .article h6 {color: #042754;}

	body#anni legend {color: #042754;}


/* ---------------------------------------------------------
== Pages particulières
------------------------------------------------------------ */

/* Accueil */

	body#homeGen #main {padding-bottom: 0px;}
	body#homeGen #nav { left: 350px;}
	body#homeGen {
		color: #333;
		background: #dbdbdb url('../img/bg-body-home.png') no-repeat top center;
		}

	body#homeGen #page {
		background: #fff url('../img/bg-page-home.png') no-repeat -13px 263px;
		
	}
	body#homeGen #side {margin-top: 7.5em; zoom: 1;}

	body#homeGen #accreditations {
		width: 225px;
		margin: 30px 0 30px 30px;
	}
	body#homeGen #accreditations img {margin-right: 20px;}
	body#homeGen #ac3 img {margin-right: 0;}
	body#homeGen #footer, body#homeGen #footerEn, body#homeGen #footerCn {padding-top: 25px; /*padding-top: 40px;*/}
	body#homeGen #tools {}
	
	#intro {position: relative; top: 70px;}
	#presentation {
		font-family: Georgia, sans-serif;
		color: #042754;
		text-align: left;
		width: 230px;
		margin-left: 30px;
	}
	#presentation p {margin: .8em 0 .8em 0;}
	#presentation li {list-style-type: disc !important;}
	#videos , .bloc {
		width: 225px;
		overflow: auto;
		margin-left: 30px;
		margin-bottom: 15px;
	}
	#videos .media img , .bloc .media img {
		border: 1px #ddd solid;
		border-top: 1px #eee solid;
		border-bottom-width: 2px;
		padding: 4px;
		background-color: #fff;
	}
	#videos .media , .bloc .media{
		width: 100px;
		margin: 0 15px 10px 0;
		float: left;
		font-size: 85%;
		}
	#videos .media.last , .bloc .media.last{margin-right: 0;}
	#videos .crochet , .bloc .crochet {}

	
	.pager {
		overflow: hidden;
		width: 8em;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 5px;	
		}
	.pager a {
		display: block;
		background: url('../img/fleches-pager-small.png') no-repeat;
		width: 15px; height: 15px;
		float: left;
	}
	.pager .etat {
		float: left;
		font-size: 85%;
		display: block;
		}
	.pager .prev {background-position: 0 -8px;}
	.pager .next {background-position: -35px -8px;}
	.pager .prev:hover, .pager .prev:focus {background-position: 0 -28px; outline: 0;}
	.pager .next:hover, .pager .next:focus {background-position: -35px -28px; outline: 0;}


	/* Menu questions accueil */

	#menuSlide {
		overflow: hidden; clear: both;
		/* font-family: Georgia, sans-serif; */
		font-size: 90%;
		margin-top: 45px;
		position: relative;
		}
	#menuSlide li {
		text-align: center;
		width: 170px;
		}
	#menuSlide ul {
		left: 15px;
	}
	#menuSlide img {
		border: 1px #ddd solid;
		border-top: 1px #eee solid;
		border-bottom-width: 2px;
		padding: 4px;
		background-color: #fff;
		margin-bottom: 3px;
	}
	#menuSlide a:hover img {background-color: #eee; border-color: #ccc;}
	#services, #profils {
		float: left;
		width: 200px;
		}
	#services {left: 0;}
	#profils {right: 0;}
	#services a.next, #profils a.next,
	#services a.prev, #profils a.prev {
		z-index: 1000;
		position: absolute; top: 5px;
		display: block;
		background: url('../img/fleches-pager-big.png') no-repeat;
		width: 10px; height: 60px;
		overflow: hidden;
	}
	#services a.next, #profils a.next {background-position: -21px 0; left: 185px;}
	#services a.prev, #profils a.prev {background-position: 0 0; left: 5px;}
	#services a.next:hover, #profils a.next:hover, #services a.next:focus, #profils a.next:focus {background-position: -21px -61px; outline: 0;}
	#services a.prev:hover, #profils a.prev:hover, #services a.prev:focus, #profils a.prev:focus {background-position: bottom left; outline: 0;}

/* Photothèque */
	#galerie {}
	#galerie .vignette {
		float: left;
		width: 140px; height: 140px;
		border: 1px #eee solid;
		padding: 5px; margin: 3px;
		text-align: center;
	}
	#galerie a {text-decoration: none;}
	#galerie .vignette img,
	#galerie .paginationGalerie img {
		padding: 2px;
		background-color: #fff;
	}
	#galerie .vignette a:hover img, #galerie .vignette a:focus img {background-color: #ddd;}
	/* Pagination entre images */

	#galerie .paginationGalerie {
		height: 200px; width: 640px;
		}
	#galerie .paginationGalerie div {}
	#galerie .paginationGalerie .prev {
		text-align: left;
		float: left;
		}
	#galerie .paginationGalerie .current {
		text-align: center;
		float: left; margin-left: 90px;
		}
	#galerie .paginationGalerie .next {
		text-align: right;
		float: right;
		}
	#galerie .paginationGalerie a:hover img, #galerie .paginationGalerie a:focus img  {
		background-color: #ddd;
	}



/* Plan du site */
	
	#sitemap {}
	#sitemap hr {clear: both; margin-top: 1em; visibility: hidden;}
	#sitemap ul {margin: 0; padding: 0;}
	#sitemap ul a {
		display: block;
		text-decoration: none;
		}
	#sitemap li {list-style: none!important;}
	#sitemap .colonne {
		width: 180px;
		float: left;
		margin-right: 25px;
		}


	.sm-n2 {}
	.sm-n3 {
		font-weight: normal;
		color: #333;
		border-bottom: 1px #eee solid;
	}

	.sm-n2 a {
		font-size: 115%;
		font-weight: bold;
		margin-bottom: .7em;
		}
	.sm-n3 a {
		font-size: 100%;
		font-weight: normal;
		margin-bottom: .2em;
		color: #444;
		}

/* Résultats de recherche */
	.highlight {background-color: #ffc;}
	.resTitre {
		font-size: 100%!important;
		font-weight: bold;
		margin-bottom: .3em!important;
		margin-top: .5em!important;
		}
	.res {
		padding: 0 10px 0 10px;
/* 		border-bottom: 1px #eee solid; */
		border-top: 1px #eee solid;
		}
	.res .extrait {
		margin: 0; padding: 0 0 .3em 0;
		}
	#results .pagination {
		border-top: 1px #eee solid;
/* 		text-align: left; */

		padding-top: .8em;
	}
	#results img {
		padding: 0 5px 0 0;
		border: 0;
		vertical-align: top;
		}
	#results .status {
		font-size: 77%;
		color: #444;
		margin-top: .2em;
		}
	#results .suivant {text-align: left; font-weight: bold;}
	#results .suivant a {text-decoration: none;}
	.no-decoration {text-decoration: none!important;}

/* ---------------------------------------------------------
== Ajout lorsque l’utilisateur a JS
------------------------------------------------------------ */

	body.js .article label, body.js .article .pseudo_label {display: block;}
	body.js .article .field_line.col {float: left;width: 50%;}
	body.js .article select, body.js .article textarea {width: 99%;border: 1px #ccc solid;}
	.article input.inptTxt {
		border: 1px #ccc solid;
		width: 98%;
	}
	body.js .article .field_line.col .inptTxt,
	body.js .article .field_line.col textarea {
		border: 1px #ccc solid;
		width: 95%;
	}


	body#homeGen.js #actuSlide {height: 22em; overflow: hidden; margin-bottom: .5em;}
	body#homeGen.js #agendaSlide {height: 8em; overflow: hidden; margin-bottom: .5em;}
	body#homeGen.js #menuSlide  {
		height: 120px;
		}
	body#homeGen.js #menuSlide ul {height: 100px;}
	body#homeGen.js #services, body#homeGen.js #profils {position: absolute; top: 5px; float: none;}






#powermaildiv_uid10{
	width:100% !important;
}

#powermaildiv_uid10 #uid10 {
	width:98% !important;
}



.tx-indexedsearch-redMarkup {
	background-color:#FFFFCC;
}

/* ---------------------------------------------------------
== Style sur les lang et abbr
------------------------------------------------------------ */
/*
abbr {
	border-bottom:1px dashed #000;
	cursor: pointer;
}

span[lang=en] { border-bottom:1px dashed red; }
*/


#content .actu .bodytext img {
background-color:#FFFFFF;
border-color:#EEEEEE #DDDDDD #DDDDDD;
border-style:solid;
border-width:1px 1px 2px;
padding:4px;
}

body#homeGen.js #menuSlide {
	height:100%;
}

#agenda{position: relative}