/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}

/* Ajout de la scrollbar pour éviter le décalage */
html{overflow-y:scroll;}


/* Propriétés permanentes */
a{text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline;}
a img{border:0}
sup{font-size:.5em;line-height:0;margin-bottom:-2em}


/* corps et cadre avec tout le contenu */
body{background:url('../images/bg-fond.png') top left repeat-x #e5e5e5;text-align:center;font-family:arial;font-size:0.8em;}
#cadre{background-color:none;width:1000px;text-align:left;margin:10px auto;position:relative;}
#header{height:241px;}

h1{position:absolute;top:5px;margin-left:205px;color:white;font-size:130%;}
h1 span{font-size:150%}
#logo{position:relative;border-width:10px 10px;float:left;margin-top:0;z-index:2;height:210px;padding:10px;background-color:#fff;}
#membrefondateur{color:#00b3d7;float:right;font-size:85%}

/* Liens rapides situés en haut à droite de la bannière (contact, plan du site, accueil, mentions légales) */

#liensrapides{float:right;color:#9f9f9f;margin-right:10px}
#liensrapides li{float:left;border-left:1px solid #9f9f9f;list-style:none;padding:0 6px;font-size:87%}
#liensrapides a{color:#9f9f9f;}
#liensrapides li:first-child{border-left:none;}

#langues{float:right;margin-top:25px;margin-right:0px;}
#langues li{list-style:none;float:left;margin-right:15px;}
#langues li img{border:0;}

#imprimer{position:absolute;right:0}

/* photos de bannière */
#banniere
{width:775px;height:172px;background:url('../images/ombre-logo.png') top left no-repeat
white;position:absolute;margin-left:182px;margin-top:58px;padding:10px 0
0 42px;z-index:0;}
#slide{width:380px;margin-left:0;}
#slide li{list-style:none;display:none;width:380px;height:166px;}
#slide li:first-child{display:block}


/* Menu des rubriques horizontal en dessous de la bannière */

#menuhorizontal{background:url('../images/menu1_fond.jpg') top left
repeat-x;width:100%;height:38px}
#menuhorizontal ul{height:38px;display:inline;}
#menuhorizontal ul
li{float:left;list-style:none;padding:0;margin-left:1px;height:38px;border-right:1px solid white;}
#menuhorizontal > ul li:first-child{margin-left:0}
#menuhorizontal ul li a, li#rech{display:block;height:39px;padding:0 14px;color:#122754;line-height:39px}
#menuhorizontal #menu-menu-principal-anglais ul li a{padding:0 11px;}
#menuhorizontal #menu-menu-principal-chinois ul li a{padding:0 32px;}
#menuhorizontal ul li a:hover{background:none #1c8aaf;color:white;text-decoration:none;}
#menuhorizontal ul li a:hover.unsurdeux{background:none #96bf0d;}
#menuhorizontal ul li
a.active-trail{background-color:#e5e5e5;border-top:3px solid
#e6660d;line-height:29px;height:36px;}
#menuhorizontal ul li a:hover.active-trail{color:#122754}

#menuhorizontal li ul{display:none;position:absolute;z-index:100;margin-left:-1px;}
#menuhorizontal li ul li:first-child{border-top:1px solid #afafaf;}
#menuhorizontal li ul li:last-child{border-bottom:1px solid #afafaf;}
#menuhorizontal li ul li{display:block;background-color:#ededed;float:none;border:1px solid #afafaf;border-width:0 1px;height:28px}
#menuhorizontal li ul li a{color:#373737;height:28px;line-height:28px}
#menuhorizontal li ul li a:hover{background-color:#d3d3d3;border:1px solid #afafaf;border-width:1px 0;color:#373737;line-height:26px;}
#menuhorizontal li:hover ul{display:block;}


#block-form form{padding-top:8px;float:right;margin-right:8px;}
#block-form input[type=text]{width:105px;border:1px solid #ddd;height:17px;}
#block-form input[type=image]{vertical-align:bottom;margin-bottom:0px;height:20px}

#bouge{position:relative;top:6px;}

/* Liens du chemin jusqu'à la page existante (index>menu>page) */
#adresse{clear:both;margin:0 0 10px 200px;}
#adresse li{font-size:90%;float:left;list-style:none;background:url('../images/puce-gris.png') left 12px no-repeat;padding:3px 0 0
15px;margin-left:17px;line-height:25px}
#adresse, #adresse a{color:#6e6e6e;}


/* Colonne de gauche, en float */
#colonnegauche{float:left;width:220px;clear:both;margin:0 20px 0 0;}

/* Menu permanent : menu de gauche avec les contacts, les liens qui sont sur toutes les pages */

#reseauxsociaux li,#block-menu-permanent-gauche li,
#block-menu-permanent-gauche-chinois- li,
#block-menu-permanent-gauche-anglais li{margin:2px 0;
text-align:right;list-style:none;background-color:white}
#reseauxsociaux li{text-align:center}
#reseauxsociaux li{margin-top:14px}
#reseauxsociaux a, #block-menu-permanent-gauche a,
#block-menu-permanent-gauche-chinois- a, #block-menu-permanent-gauche-anglais a
{color:#5a5a5a;background:url('../images/menu-puce-gris.png') 200px 10px no-repeat
white;padding-right:30px;display:block;line-height:30px}
#block-menu-permanent-gauche img,
#block-menu-permanent-gauche-chinois- img,
#block-menu-permanent-gauche-anglais img{margin:4px 10px}
#reseauxsociaux a:hover, #block-menu-permanent-gauche a:hover,
#block-menu-permanent-gauche-chinois- a:hover, #block-menu-permanent-gauche-anglais
a:hover {background:url('../images/menu-puce-blc.png') 200px 10px
no-repeat
#e6660d;color:white;text-decoration:none;}
#reseauxsociaux{margin:15px -10px;padding-bottom:15px}
#reseauxsociaux li{height:20px;color:#5a5a5a;font-size:0%;padding-right:0px; background-color:transparent;}
#reseauxsociaux li a{display:inline;background:none;padding:5px;}
#reseauxsociaux li a:hover{background:none transparent;color:#e6660d;}

/* Sous-menu qu'il y a dans la colonne de gauche */
#colonnegauche div div{margin-bottom:20px;}
#colonnegauche div div > ul > li{margin:2px 0;
text-align:right;list-style:none;background-color:#b8b8b8}
#colonnegauche div div > ul > li >
a{color:#383838;background:url('../images/menu-puce-gris3.png') 200px
10px no-repeat #b8b8b8;padding:8px 25px 7px
5px;display:block;line-height:13px}
#colonnegauche div div > ul > li > img{margin:4px 10px}
#colonnegauche div div > ul > li > a:hover{background:url('../images/menu-puce-blc.png') 200px 10px no-repeat #1c8aaf;color:white;text-decoration:none;}
#colonnegauche div div > ul > li > a.active-trail{background:url('../images/menu-puce-blc.png') 200px 10px no-repeat #e6660d;color:white;}
#colonnegauche div div li li{margin:0; text-align:right;list-style:none;background-color:#d2d2d2;}
#colonnegauche div div li li a{color:#383838;background:url('../images/menu-puce-gris2.png') 205px 50% no-repeat
#d2d2d2;padding:5px 20px 5px 0;display:block;line-height:16px}
#colonnegauche div div li li img{margin:4px 10px}
#colonnegauche div div li li a:hover{background:url('../images/puce-or.png') 205px 50% no-repeat #d2d2d2;color:#eb6609;text-decoration:none;}
#colonnegauche div div li li a.active-trail{background:url('../images/puce-or.png') 205px 50% no-repeat #d2d2d2;color:#eb6609;text-decoration:none;font-weight:bold;}

/* Bloc Newsletter */
#colonnegauche .block-simplenews{background-color: #F2F2F2;border: 1px solid #C0C0C0;margin-top: 10px;padding: 10px 10px 0;color: #2F2F2F;}
#colonnegauche .block-simplenews #edit-mail{width:90%}
#colonnegauche .block-simplenews .form-item{margin:2px 0;}
#colonnegauche .block-simplenews form div{position:relative}
#colonnegauche .block-simplenews form label{position:absolute;top:5px;left:5px;font-weight:normal}
#simplenews-confirm-add-form{padding-top:20px}

/* Cadre de vidéo sur la page d'accueil */
#cadrevideo{background-color:#efefef;border:1px solid
#c0c0c0;float:right;width:320px;padding:0;margin:20px;text-align:center}
#cadrevideo b{color:#e96709}
#cadrevideo img{margin:6px 0}

/* Boutons verts situés en page d'accueil */

.boutonsaccueil, #contenu .boutonsaccueil{margin:5px 0;padding:5px 0 8px;}
.boutonsaccueil a, #contenu .boutonsaccueil a{background:url('../images/menu-puce-blc.png') 147px
5px no-repeat;color:white;width:170px;display:block;line-height:20px;padding:0 10px;}
.boutonsaccueil li, #contenu .boutonsaccueil
li,
#contenu .view-evenements .boutonsaccueil li, #cadreblanc .boutonsaccueil li
{list-style:none;background:url('../images/menu-vert-fond.gif')
repeat-x top;height:20px;width:170px;float:left;margin:0 10px 0
0;padding:0;border-top:none;}
#cadreblanc .boutonsaccueil li:first-child{border:0}

/* Cadre de contenu principal */
#contenu{position:relative;margin-left:226px;margin-top:30px;background-color:white;padding:0;width:774px;text-align:justify}
#contenu{font-size:95%;margin-bottom:10px;color:#2f2f2f;}
#contenu h2, .view-grouping-header{color:#e86709;font-size:130%;margin-bottom:6px}
.view-grouping-header{margin:6px 0 0 0;font-size:110%;font-weight:bold}
#contenu h3{color:#014c90;font-size:110%;border-bottom:1px dotted
#bababa;margin:20px 0 8px;}
#contenu .view-grouping h3{margin:5px 0 7px}
#contenu h4{color:#86ac0b;margin:14px 4px;}
#contenu ul{margin:12px 10px}
#contenu li{list-style:none;margin:7px 3px;background:url('../images/puce-gris2.png') left 4px no-repeat;padding-left:20px}
#contenu p{margin-bottom:8px;line-height:18px;}

#contenu a{color:#ea670d;text-decoration:none;}
#contenu a:hover{text-decoration:underline;}
#contenu table{width:100%;border-spacing:4px;border-collapse:separate;}
#contenu th, #contenu td{padding:7px;text-align:center;}
#contenu th{background-color:#cbcbcb}
#contenu td{background-color:#e5e5e5;}
#contenu td.caseblanche{background-color:white;}

#contenu .field-name-field-evenement{font-weight:bold;margin:4px 0;}


/* Tableaux de description de cours dans le contenu */
#contenu .descriptioncours td{text-align:left;vertical-align:top;}
#contenu .view-archivesinfos p, #contenu .view-evenements p{margin-left:136px}

#block-evenements-block_1, #block-evenements-block_3{width:80%;margin-left:50px;margin-bottom:30px;background-color:#efefef;border:1px solid #1c8aaf;padding:10px;
border-top-width:13px;}
#block-evenements-block_1 h2, #block-evenements-block_3 h2{margin-top:-28px;padding:0 10px;background-color:white;width:160px;color:#1c8aaf}

.field-name-field-image{width:115px}

#contenu .colinfo{width:65%}
#contenu th a{color:#2F2F2F;font-weight:bold;}
#contenu th a:hover{text-decoration:none;cursor:normal;}

.field-name-field-tags .field-items div{display:inline-block;margin-right:5px}
.field-name-field-tags .field-items div:after{content:','}
.field-name-field-tags .field-items div:last-child:after{content:''}
.field-name-field-tags{margin-bottom:20px;}
.registration-form input{width:90%}
.registration-form input[type=submit]{width:50%;margin-right:20px}

/* Colonne de droite sur certains articles */
#deuxcolonnes, #uneseulecolonne{width:100%-40px;background:url('../images/coldroite.jpg') white repeat-y top right;padding:20px}
#premain, #uneseulecolonne{background:white;padding:20px 100px 20px 50px;width:100%-150px}
#premain{padding:20px 100px 0 50px;margin:0 30px;}
#contenugauche{margin-right:230px;}
#contenugauche img{max-width:90%}
#coldroite{float:right;width:160px;padding:0;text-align:left;}
#coldroite h3{color:#004c94;font-weight:bold;border:none;font-size:102%;}
#coldroite img{max-width:90%}
#imagegauche{width:140px;float:left;margin-left:30px}
#restetexte{margin:0 80px 0 170px;}
#uneseulecolonne img, #restetexte img{max-width: 90%; height:inherit !important;;}

/* Cadre blanc autour des actualités + cadres d'actu */
#cadreblanc{width:1000px;background-color:white;clear:both;border-top:solid 5px #e5e5e5;}
#laune{border:1px solid #1c8aaf;background-color:#e5e5e5;border-top-width:13px;width:470px;margin:10px;float:left;}
#cadreblanc h2{position:relative;top:-19px;display:inline;left:15px;background-color:white;padding:4px 4px
0;color:#1c8aaf;font-size:130%;font-weight:bold;}
#cadreblanc li{list-style:none;margin:15px;padding:10px;height:130px;border-top:1px dashed #a7a7a7;}
#cadreblanc li img{float:left;margin-right:20px;}
#cadreblanc li:first-child{border-top:solid 20px blue;}
#cadreblanc p{margin:0 0 15px 134px;}
#cadreblanc li p a{color:#e6660d;padding-left:15px;background:url('../images/puce-or.png') 5px 5px
no-repeat;}
.actuaccueil{margin:20px 15px 0 500px;border-top:1px solid #1c8aaf;}
#cadreblanc .actuaccueil h2{top:-10px;left:0;border-left:solid 20px #1c8aaf;font-size:110%}
#cadreblanc .actuaccueil li{border:none;padding:0 0 8px 0;margin-top:3px;}
#cadreblanc li.firstli{border:none;margin-top:0;}

.archives ul{margin:20px 40px;}
#contenu .view-archivesinfos li,
#contenu .view-evenements li{list-style:none;background:none;}
#contenu .view-archivesinfos .view-content
li, #contenu .view-evenements
.view-content li{height:145px;border-bottom:1px
dotted #DDD;
list-style:none;margin:0 10px;padding:12px 8px 8px;background:none;}
.field-name-field-image{float:left;margin-right:20px}
#contenu .archives h4{margin-top:0;}
#contenu #block-main{margin:30px;}
#contenu #block-main h2{padding:15px 0;}


#contenu .pager li{border:1px solid #DDD;list-style:none;background:none;padding:4px}
#contenu .pager li a{display:block-inline;height:15px;padding:5px;}
#contenu .view-presse h4{border-top:1px solid #DDD;margin-top:15px;padding-top:8px;}


.stButton{margin-top:20px}
a.addthisButton img{margin-top:20px}
#contenu .item-list .pager{clear:none;margin:20px 0;}


/* Pied de page */
#footer{display:block;width:1000px;color:#e5e5e5;height:44px;line-height:18px;background-color:#5a5a5a;clear:both;padding-top:3px;font-size:90%;margin-top:20px;clear:both;height:85px;}
#menu-footer{height:36px;}
#menu-footer li{float:left;list-style:none;padding:0 11px;border-left:1px solid #e5e5e5;margin-top:8px;}
#menu-footer li:first-child{border-left:none;}
#menu-footer a{color:#e5e5e5;}
#footer img{border:4px solid white;}

#logos-footer{margin-left:10px;}
#logos-footer li{float:left;list-style:none;margin-right:8px;}
#logos-footer img{background:white;}


#menu-onglets-7 ul{border-bottom:1px solid #bbb}
#menu-onglets-7
li{list-style-type:none;background:none;display:inline-block;height:30px;background-color:#eee;color:#444;font-size:90%;line-height:30px;text-align:center;padding:0;margin:0;}
#menu-onglets-7 li a{color:#444;display:block;padding:0 14px;border:1px solid #bbb;margin:0 0 0
-2px;border-bottom:0}
#menu-onglets-7 li a.active-trail{background-color:white;border-bottom:none;}

.champ-temoignage{height:165px}




/* Block menu onglets */
#block-7{height:23px;}
#menu-onglets{position: absolute;top: 10px;left: 10px;height:
40px;width: 775px;}
#menu-onglets ul{width:100%}
#uneseulecolonne #menu-onglets{top:40px}
#deuxcolonnes #menu-onglets{top:40px}


.clearboth{clear:both;display:inline;}

#contenu .tabs li{display:inline-block;list-style-type:none;width:20%;height:30px;background:none;text-align:center}
#contenu .tabs li a{display:inline-block;list-style-type:none;width:100%;height:100%;border:1px solid #ddd;background:none;line-height:30px}