@charset "utf-8";
/* CSS du site CGE */

/*couleurs utilisees
bleu : #9DBCBA test 9abab7 test bleu du logo 0e9992 ou 84cbcd, 006080
rouge : #870F0F
gris : #999
noir : #000
*/

/*styles generaux*/
*  {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
body { background-color:#9abab7;}

/* styles des titres et textes du site */
h1 { font-size: 19px; color:#000; margin-bottom:20px;}
h2 { font-size: 17px; color:#870F0F; margin-bottom:20px;}
h3 { font-size: 15px; color:#000; margin-bottom:15px;}
h4 { font-size:13px; color:#870F0F; margin-bottom:10px;}
h5 { font-size:13px; color:#870F0F; margin-bottom:10px; text-transform:uppercase;}
h6 { font-size:14px; font-style:italic; font-weight:bold; color:#206060; margin-bottom:10px;}

.splitter { color:#FFF;}
.externe { color:#666; text-decoration:underline;} /* couleur des liens externes*/
.externe_gras { color:#666; text-decoration:underline; font-weight:bold; display:block; background-color:#FFF; width:110px; height:22px; float:right; margin:0 160px 0 0; text-align:center;} /* couleur des liens externes*/
.interne { color:#870F0F; text-decoration:underline;} /* couleur des liens internes*/
.invisible { overflow:hidden; text-indent:-3000px;} /* affiche le texte quand le css est desactive*/	

/* pointilles utilises sur les pages thematique et departement*/
.separation { border-top: 1px dashed #870F0F; width:700px; clear:both; margin-top:30px; display:block; height:auto; padding-top:10px;}
.separation_courte { border-top: 1px dashed #870F0F; width:625px; clear:both; margin-top:30px; display:block; height:auto; padding-top:10px;}

.lien_pdf { width:350px; height:25px; float:left;}

/*styles pour le tableau*/
.retrait { padding-left:5px;}

/* styles des liens generaux*/
a { font-size:12px; color:#870F0F; text-decoration:none;}
a img {border:none;} /* supprime le contour bleu des images avec un lien */
a:focus {outline:0;} /* supprime les pointilles lors du click sur un lien */ 



/*styles des blocs generaux*/

/* enveloppe tout le site */
#ombre { margin:0 auto 0 auto; width:1000px; height:auto; background-image:url(assets/images/visuels_site/ombre.png); background-repeat:repeat-y;}
#conteneur { margin:0 auto 0 auto; width:980px; min-height:600px; height:auto; background-color:#FFF;}

#header { width:980px; height:149px; background-image:url(images/header2.jpg);}

#rss {
	width:95px;
	height:20px;
	position:absolute;
	margin: 15px 0 0 882px;
	}

#rss a {
		text-decoration:none;
		color:#870F0F;
		padding-left:30px;
		line-height:20px;
		font-size:12px;
		display:block;
		}

#contact{
	width:125px;
	height:30px;
	position:absolute;
	margin: 120px 0 0 847px;
	text-align:center;
	line-height:30px;
	}

#contact a{
	display:block;
	width:125px;
	height:22px;
	text-decoration:none;
	color:#870F0F;
	font-size:13px;
	text-transform:uppercase;
	}

/*styles du menu principal*/
#bouton_accueil {
	width:35px;
	height:39px;
	float:left;
	}
	
.bouton_accueil {
	width:35px;
	height:39px;
	overflow:hidden;
	text-indent:-2000px;
	display:block;
	}
	
#menu_principal {
	width:980px;
	height:40px;
	margin-bottom:10px;
	}
	
#menu_principal ul {
	width:800px;
	height:40px;
	text-align:center;
	float:left;
	}
	
#menu_principal ul li {
	margin-left:8px;
	float:left;
	display:inline;
	}	
	
#menu_principal ul li a:link {
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	line-height:20px;
	text-transform:uppercase;
	display:block;
	width:125px;
	height:40px;
    background-image:url(images/bouton_menu_principal2.gif);
	}

#menu_principal ul li a:visited {
	/*text-decoration: underline;*/
	color:#CCC;
	font-size:11px;
	line-height:20px;
	text-transform:uppercase;
	display:block;
	width:125px;
	height:40px;
	background-image:url(images/bouton_menu_principal2.gif);
	}

#menu_principal ul li a:active {
	text-decoration:none;
	color:#fff;
	font-size:11px;
	line-height:20px;
	text-transform:uppercase;
	display:block;
	width:125px;
	height:40px;
    background-image:url(images/bouton_menu_principal_active2.gif);
	}

/*style applique aux menu d'une seule ligne*/
.uneligne { line-height:40px;}

/* fil ariane*/
#ariane { width:760px;
		  height:20px;
		  margin:0 0 10px 45px;
		  }
#ariane .B_crumbBox{ color:#FFF;}/* pour rendre invisibles les separateurs */

/* classes appliquees aux elements du fil d'ariane */
#ariane a.B_crumbBox {color:#999; float:left; font-size:9px; display:inline;}
#ariane a.B_homeCrumb {color:#999; display:inline; font-size:9px; float:left;margin-right:15px;}
#ariane a.B_crumb {color:#666; display:inline; font-size:9px; float:left; margin-right:15px;}
#ariane a.B_crumb .uneligne{color:#666; display:inline; font-size:9px; line-height:normal; float:left; margin-right:15px;}
#ariane a.B_lastCrumb {color:#333; display:inline; font-size:9px; float:left;}
#ariane .B_currentCrumb {color:#333; display:inline; font-size:9px; float:left;}

/*debut des styles des teasers de la page d'accueil*/
#trois_colonnes_teaser { width:980px; height:460px; margin-bottom:30px;}
#trois_colonnes_teaser h1 { font-size:13px; color:#000; margin: 0 13px 10px 13px; text-align:justify; float:left;}
#trois_colonnes_teaser h2 { font-size:11px; color:#870F0F; margin: 0 13px 10px 13px; text-align:justify; float:left;}

#colonne_gauche_teaser { width:310px; height:460px; background-image:url(images/module_bleu.png); float:left; margin-left:13px;}
#teaser_presentation{width:300px; height:220px;}
#teaser_edito { margin-top:5px; width:300px; height:220px;}
#teaser_edito a { color:#000;}
#teaser_edito_photo { width:80px; height:140px; float:left; background-color:#999; margin-left:13px;}
#teaser_edito_texte { width:140px; margin:10px 5px 0 0; float:left; height:165px;}


#colonne_milieu_teaser { width:310px; height:460px; float:left; margin-left:7px; background-image:url(images/deux_modules.png);}
#teaser_colloque { width:310px; height:205px; margin-bottom:23px; margin-left: 15px; margin-top:0;}
#teaser_colloque h2 {margin: 0 0 10px 0;}
#teaser_temoignage { width:310px; height:220px; margin-top:35px;}


#colonne_droite_teaser { width:310px; height:460px; float:left; margin-left:7px; background-image:url(images/module_actu_zoom2.png);}
#teaser_actu { width:310px; height:180px; margin-bottom:5px;}
#teaser_actu_deux { width:310px; height:180px; margin: 60px 0 0 0;}
#teaser_zoom { width:310px; height:220px; margin:-10px 0 0 0;}
#teaser_zoom .titre_article{ color:#000; font-size:11px;}
#teaser_zoom h2{ margin:-20px 0 10px 0;}

/*style des textes des teasers*/
.onglet { font-size:12px; color:#870F0F; text-transform:uppercase; text-align:center; margin:10px 0 0 15px; line-height:10px; width:125px; height:35px;}

.titre_article { font-size:14px; color:#870F0F; margin:0 10px 15px 33px;}
.photo { width:100px; float:left; margin:0 10px 30px 18px;}
.teaser { font-size:8px; color:#000; margin: 0 20px 10px 20px; text-align:left; float:left;}
.teaser_zoom { width:244px; height:140px; font-size:12px; color:#000; padding:0; text-align:left; float:left;}    /*largeur de base 177*/
.photo-zoom { width:100px; height:150px; float:left; margin:0 10px 30px 18px;}

/*classe specifique pour les teasers la cge en quelques mots et le colloque EAIE*/
.teaser_plus { font-size:13px; color:#000; margin: 0 30px 10px 35px; text-align:left; width:250px; height:115px;}

/*classe pour le mot du president*/
.teaser_edito_texte { text-align:left; height:155px;}

/*classe specifique aux deux news*/
.teaser_actus { font-size:12px; color:#000; margin: 0 20px 0 20px; text-align:left;}
.teaser_actus h2 { height: 71px;}

/*styles appliques aux "lire la suite de la page d'accueil*/
.lire_suite_presentation { font-size:11px; color:#870F0F; text-indent:235px; text-decoration:underline;}
.lire_suite_edito { font-size:11px; color:#870F0F;text-indent:240px; text-decoration:underline;}
.lire_suite { font-size:11px; color:#870F0F; text-indent:240px; text-decoration:underline;}
.lire_suite-zoom { height:60px; font-size:11px; color:#870F0F; text-indent:220px; text-decoration:underline; margin-top:10px;} /* orig 110*/
.date_news { font-size:11px; color:#206060; text-indent:240px;}
/*fin styles accueil*/


/*debut styles pages du site*/

#contenant { width:980px; min-height:200px; height:auto; margin-bottom:30px;}/* contient le menu secondaire et le contenu des pages */

/* menu secondaire dans la partie gauche des pages du site */
#navigation { width:200px; height:auto; float:left; padding-top:20px;}
#navigation ul li, #navigation ul li ul li {list-style:none; margin:0 0 15px 0; padding-left:30px;}
#navigation ul li a, #navigation ul li ul li a {font-size:12px; display:block; width:170px; height:21px; text-transform:uppercase; }
#navigation ul li a:link, #navigation ul li ul li a:link {text-decoration:none; color:#000;}
#navigation ul li a:visited, #navigation ul li ul li a:visited { text-decoration:none; color:#999;}
#navigation ul li a:hover, #navigation ul li ul li a:hover {text-decoration:underline; color: #000;}
#navigation .active {text-decoration:none; color: #870F0F; background-image:url(images/fond_navigation2.png); background-repeat:no-repeat;}


/* partie des pages contenant les informations */

#information {
	width:720px;
	min-height:500px;
	height:auto;
	margin:0 0 30px 10px;
	float:left;
	border-left:#870F0F 3px solid;
	padding: 0 20px 0 20px;
}


p .italique { font-style:italic; font-weight:bold; margin-bottom:10px; color:#870F0F;}

/* styles pour les titres non hx */
.gros_titre { width:630px; height:auto; color:#870F0F; font-size:36px; text-transform:uppercase; margin-bottom:30px;}
.sous_titre { height:40px; color:#870F0F; font-size:18px; margin:20px 0 0 0; line-height:35px;}

/* pointilles utilises sur les pages thematique et departement*/
.separation { border-top: 1px dashed #870F0F; width:700px; clear:both; margin-top:30px; display:block; height:auto; padding-top:10px;}
.separation_courte { border-top: 1px dashed #870F0F; width:625px; clear:both; margin-top:30px; display:block; height:auto; padding-top:10px;}

.legende { font-size:11px; color:#000;} /* legendes des photos */

#photo_intervenant { width:100px; height:250px;  float:left;}
#photo_intervenant p{ color:#870F0F; font-size:10px; text-align:center;}

#photo_zoom { width:100px; height:auto;  float:left; color:#870F0F; font-size:10px; text-align:center; margin:0 30px 20px 0;}
#photo_zoom p { text-indent:0;}

#contenu_information { width:610px; min-height: 200px; height:auto; float:left; margin-left:10px;}
#contenu_information p { font-size:13px; /*text-indent:40px;*/ margin-bottom:15px;}
#contenu_information .ancre { margin-left:300px;}
#contenu_information .temoignage_texte p{ font-size:10px; text-indent:0;}

#contenu_information_large { width:700px; min-height: 200px; height:auto; float:left; margin-left:10px;}
#contenu_information_large p{ font-size:13px; /*text-indent:40px;*/ margin-bottom:15px;}
/*#contenu_information_large p a{ font-size:13px; color:#870F0F;}*/
#contenu_information_large .temoignage_texte p{ font-size:10px; text-indent:0;}
.ancre { margin:10px 0 0 580px; display:block; text-align:right;}

/* styles des listes*/
#information ul { margin-bottom:15px; font-size:13px;}
#information ul li { list-style:disc; list-style-position:outside; margin:0 0 5px 30px;}
#information ul li ul{ margin:5px 0 0 0}
#information ul li ul li { list-style-image:url(assets/images/visuels_site/puce_carre.gif); list-style-position:outside; margin-left:20px;}
#information ul li ul li ul li { list-style:circle; list-style-position:outside; margin-left:25px;}

/*styles des formulaires*/
.etiquette { display:block; width:60px; float:left; margin-right:10px; font-size:12px;}
.text { width:300px; float:left;}
.button { margin-left:565px;}
.message { width:615px; height:135px; float:left;}

#activite { width:700px; height:auto; margin-left:0;}

/*styles pour le plan du site et la liste thematique des ecoles*/
#colonne_gauche{ width:280px; height:auto; float:left; margin:0 80px 30px 60px;}
#colonne_droite{ width:300px; height:auto; float:left; margin:0 0 20px 0;}

#colonne_gauche p { font-size:13px;}
#colonne_droite p { font-size:13px;}

#colonne_gauche ul{ font-size:12px; color:#870F0F; text-transform:uppercase; margin-bottom:30px;}
#colonne_gauche ul li a{ font-size:12px; color:#870F0F; text-transform:uppercase;}
#colonne_gauche ul li ul { margin:5px 0 20px 0;}
#colonne_gauche ul li ul li { margin:0 0 0 30px; list-style:square; list-style-position:outside; }
#colonne_gauche ul li ul li a{ font-size:10px; color:#000;}
#colonne_gauche a:hover { text-decoration:underline; color:#000;}
#colonne_gauche ul li a p.uneligne{ font-size:12px; color:#870F0F; text-align:left; text-transform:uppercase; text-indent:0; line-height:20px;}

#colonne_droite ul li { display:block; height:25px;}
#colonne_droite ul li a{ font-size:12px; text-transform:uppercase; line-height:30px;}
#colonne_droite ul li a:hover { text-decoration:underline; color:#000;}


/* styles pour les pages etudier en pays de la loire*/
.menu_etrangers { width:320px; height:95px; margin-bottom:35px; float:left;}
.menu_etrangers ul li{ list-style:none; line-height:30px;}
.menu_etrangers a { color:#870F0F; text-transform:uppercase; font-size:12px;}
.bloc_visa { width:300px; height:75px; background-color:#870F0F; -moz-border-radius:15px; margin-left:40px; float:left; color:#FFF; font-size:13px; padding:10px; line-height:25px;}
.bloc_visa a{color:#FFF; line-height:25px;}
a .texte_gras { font-size:14px; font-weight:bold;/* margin: 25px 0 0 180px;*/}

/* bloc de presentation eaie*/
.bloc_eaie { width:450px; height:120px; background-color:#870F0F; -moz-border-radius:15px; margin:0 40px 20px 40px; clear:both; color:#FFF; font-size:13px; padding:10px; line-height:25px;}




/* styles des fiches individuelles des temoins */
.temoignage_complet { width:550px; min-height:190px; height:auto; border-radius:10px;-moz-border-radius:15px; -webkit-border-radius:15px; border: 1px solid #870F0F; float:left; margin:0 auto 13px auto;}
.temoignage_photo { width:140px; height:125px;  margin:13px 13px 13px 20px; float:left;}
.temoignage_photo p img{ margin:0; padding:0; float:left; background-color:#CCC;}
.temoignage_texte { width:360px; height:auto; margin:13px 0 13px 0; float:left;}
.temoignage_texte p{ font-size:12px;}
.temoignage_texte ul li { font-size:12px; margin-left:10px; list-style:square; list-style-position:outside;}

.temoignage_video { width:350px; height:auto; margin:13px 0 13px 20px; float:left;}
#accroche { font-size:11px; font-style:italic; margin-top:10px; width:125px;}

.tous_temoins { width:155px; height:200px; margin:0 10px 70px 0; float:left;}
.tous_temoins p { text-indent:0;}
.tous_temoins p img{ margin:0 50px 0 0; padding:0; float:left; height:125px;}

.liste_temoin ul li { margin-left:100px; list-style:square; list-style-position:outside;}
.liste_temoin ul li a{ font-size:10px; color:#000; text-indent:30px;}
.liste_temoin ul li a .active{ font-size:12px; color:#870F0F;}

/*blocs pour l'affichage des temoignages des etudiants en page d'accueil*/
.temoignage_complet_accueil { width:100px; height:125px; float:left; margin:-30px 13px 0 0;}

.fiche_temoin { width:320px; margin: 0 auto 0 auto; height:auto;}


/* styles pour les fiches des ecoles */

/* styles pour les fiches simplifiees des ecoles, affichage par tri*/
#fiche_simple {
	width:700px;
	height:180px;
	background-color:#f6f6f6;
	padding:10px 0 0 10px;
	/*background: url(assets/images/visuels_site/fond_fiche_simple.png) no-repeat;*/
	border-radius:10px;-moz-border-radius:15px; -webkit-border-radius:15px; border: 1px solid #870F0F;
	}
	
/*styles appliques a chaque element informatif de l'ecole*/

#fiche_simple p { text-indent:0px; font-size:12px; color:#000;}
/* partie gauche de la fiche detaillee*/
.logo_ecole { margin-bottom:30px; width:720px; height:100px;}

.acronyme { font-size:18px; text-transform:uppercase; color:#870F0F;}
.titre_contact { font-size:18px; text-transform:uppercase; color:#870F0F; margin-bottom:5px;}
.nom_complet { font-size:11px; color:#666; margin:10px 0 0 0;}
.directeur { font-size:11px; color:#666; margin-bottom:10px;}

.departement { font-size:11px; color:#666;}
.domaine { font-size:11px; color:#666; margin:10px 0 10px 0;}

.description { font-size:13px; color:#000; margin:15px 0 15px 0;}
.complement { font-size:13px; color:#000; margin:10px 0 15px 0;}
.lien_fiche { font-size:12px; color:#870F0F;}

/*partie droite de la fiche detaillee*/
.adresse { font-size:12px; color:#000; margin:5px 0 5px 0;}
.coordonnees { font-size:12px; color:#000; margin-bottom:5px;}
.coordonnees a{ font-size:12px; color:#999;}
.lien_site { font-size:12px;}
.lien_site a{ font-size:12px; color:#999;}

#contact_ecole .coordonnees p a{ font-size:12px; color:#666;}
#contact_ecole .coordonnees p a:hover{ font-size:12px; color:#000;}

#contact_ecole .lien_site p a { font-size:12px; color:#666;}
#contact_ecole .lien_site p a:hover { font-size:12px; color:#000;}


/* styles des deux blocs des fiches detaillees et simplifiees*/
#fiche_complete { width:900px; height:auto; margin 0 auto 0 auto;} /*partie gauche de la fiche simple*/
#infos_utiles_complete { width:440px; height:auto; min-height:700px; float:left; margin-left:30px;} /*partie droite de la fiche simple*/

#infos_utiles { width:440px; height:165px; float:left;}
#infos_utiles a:link { font-size:12px; color:#870F0F;}
#contact_ecole { width:230px; height:165px; float:left; margin:0 0 0 20px;}
#photos_ecole { width:230px; height:auto; float:left; margin:0 0 0 30px;}

/*menu liste complete des ecoles*/
#liste_ecoles { width:200px; height:100px; margin: 30px 0 0 10px;}
#liste_ecoles h3.domaine { margin-left:30px;}

#liste_ecoles ul {margin-left:-25px; padding:0;}
#liste_ecoles ul li a{margin-left:0;}

#liste_ecoles ul li a:link { display:block; width:210px; float:left; font-size:9px; text-transform:uppercase; color:#870F0F;}
#liste_ecoles ul li a:visited { display:block; width:210px; float:left; font-size:9px; text-transform:uppercase; color:#999;}
#liste_ecoles ul li a:hover { display:block; width:210px; float:left; font-size:9px; text-transform:uppercase; color:#000; text-decoration:underline;}

/* styles des listes des ecoles par thematique */
.acronyme_liste { font-size:12px; text-transform:uppercase; color:#870F0F; margin-left:15px;}
.nom_complet_liste { font-size:10px;color:#999;margin-bottom:5px; margin-left:22px;}

/*styles du footer*/
#footer {
	width:980px;
	height:42px;
	clear:both;
	background:url(images/footer.gif) no-repeat center;
	}
#footer_menu {
	width:650px;
	height:24px;
	position:absolute;
	margin:9px 0 0 370px;
	text-align:center;
	line-height:24px;
	}

#footer_menu ul li {
	display:inline;
	float:left;
	border-right:#fff 1px solid;
	text-align:center;
	}
	
#footer_menu ul li a {
	font-size:11px;
	text-transform:uppercase;
	line-height:20px;
	color:#FFF;
	display:block;
	text-decoration:none;
	height:20px;
	}

.footer_admin { width:48px;}
.footer_legal { width:122px;}
.footer_credits { width:62px;}
.footer_plansite { width:89px;}
.footer_liens { width:44px;}

/* styles pour Ajax search*/

fieldset { border:none;}

#ajaxSearch_form {
	color: #444;
	width: 350px; height:40px;
	clear:both;
	margin:10px 10px 30px 0;
    }

#ajaxSearch_input {
	width: 240px;
	display: inline;
	height: 25px;
	border: 1px solid #000;           
	font-size:12px;
    }
	
#ajaxSearch_submit {
    display: inline;
    width:80px; height:25px;
    line-height: 25px;
	font-size:11px;
	margin-top:5px;
    }
#indicator { display:inline;}


/*#ajaxSearch_output {
	padding: 10px;
	background: #EFEFEF;
	display: block;
	width:600px;
	height: auto;
	margin:0 10px 0 0;
	border-radius:10px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border: 1px solid #870F0F;
}*/
		
#ajaxSearch_output p{ font-size:11px;}

.ajaxSearch_paging {}

.AS_ajax_result { color: #444; margin-bottom:20px; clear:both;}

.AS_ajax_resultLink { text-decoration: underline;}

.AS_ajax_resultDescription{ color: #555; font-size:11px;}
		
.AS_ajax_more { color: #555;}


.ajaxSearch_result { margin-top:10px; margin-left:0; height:auto; font-size:11px;}
					
.ajaxSearch_result p { font-size:11px;}

.ajaxSearch_resultsInfo { font-size:11px; margin-left:50px;}

p.ajaxSearch_resultsInfo{ font-size:12px; margin-left:50px; /*padding-top:200px;*/}

p.ajaxSearch_resultsInfo a{ margin-left:20px;}
			
.ajaxSearch_resultsLink { display:block; height:20px; margin-left:30px;}
			
p.ajaxSearch_resultDescription {font-size:10px;}		
	
.ajaxSearch_intro { font-size:11px; text-align:right; margin-right:10px;}	

.AS_ajax_resultsIntroFailure { font-size:11px; text-align:right; margin-right:10px;}