/* Mise en page CSS du site pour screen */

/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */
* {margin: 0px;padding: 0px;}

body {font-family: Arial, Helvetica, sans-serif;font-size: .9em;margin: 0px;padding: 0px;background:url(../images/bg-fond.gif) top left repeat-x;}

img {border: 0 none; }

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 { color:#DA2F73; padding-bottom:3px; border-bottom:#999999 solid 1px; font-size:1.1em; margin-top:15px}
div {background-color:transparent}
p {text-align: left;}
strong {}
a:link, a:active, a:visited  {text-decoration: none;}
a:hover {text-decoration: underline;}
ul, li, dd, dt {list-style-type: none;}
abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;}
hr { display:none}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}
.rss{margin:-10px 0 0 0;}
div#contenu #col-contenu #tab_agenda div h5.hub  { background:#DA2F73 url(../images/fd-hub.jpg) left top no-repeat; padding: 20px 8px 0 181px; width: 440px; height:32px}

/*div#contenu #col-gauche #carroussel,*/div#contenu #col-centrale #galerie-photo { display:none; visibility:hidden}

/* //////////////////////////////////////////////////////// GESTION DES DIV /////////////////////////////////////////////////////// */

div#container {margin: 0 auto; width:955px; text-align:left}

/* -------------------------------------------------------- Header -----------------------------------------------------------------*/
div#header {height: 145px;width:955px; float:left}
div#logo {float:left; margin:20px 0 0 10px;width:244px;}
div#logo h1 a img{ width:244px; height:70px}
div#logo h1 a { width:244px; height:70px; background:url(../images/logo-ifag-alumni-hover.gif) left top no-repeat; display:block}
div#logo h1 a:hover img{ visibility:hidden}

div#banner {margin:18px auto 5px auto;padding: 0 25px 0 0; width:660px; float:right; text-align:right;}
div#banner #photo-pub {float:right; width:228px; margin:0 0 0 18px;}

/* ------------------------------------------------------- Metanav ----------------------------------------------------------------*/
div#metanav { float:right; width: auto; background:url(../images/bg-header-separateur.gif) top right no-repeat; margin-right:25px;}
div#metanav ul{display:inline;}
div#metanav ul li {display:inline; color:#5e5e5e; font-size: .75em; list-style: none; padding:0; float:right;background:url(../images/bg-header-separateur.gif) top left no-repeat;}
div#metanav ul li form {float:left; }
div#metanav ul li form input  { padding: 0; margin:3px 2px 0 2px; height:12px; font-size: .9em; }
div#metanav ul li a {float:left; display:block; padding: 1px 10px 0px 8px; margin:0;color:#5e5e5e;}
div#metanav ul li a:hover {color:#5e5e5e;}
div#metanav li a:hover {color: #5c5854;font-weight:normal;}
div#metanav ul li a img { padding-top:2px}
div#metanav ul li a.switch_recherche { font-weight:bold; color:#4894b5}

div.sous-metanav { width:926px;height:60px; background:#6DAAC4 url(../images/fd-metanav.gif) left bottom no-repeat; float:left; margin: 3px 0 0 0; text-align:center}
div#recherche-meta {padding: 0 0 10px 0;}
div#recherche-meta form {background: url(../images/fd-search.jpg) center top no-repeat; height:56px; padding-top:25px}
div#recherche-meta form label { color:#6DAAC4; font-size:.9em; margin: 12px 0 0 15px; font-weight:bold;}
div#recherche-meta form input { color:#333333; font-size:.9em; width:140px; height:16px; background-color:#FFFFFF; border:none 0px; margin-left:10px}
div#recherche-meta form input.submit {font-size:.85em; width: auto; height:16px; color: #FFFFFF; border:none 0px; cursor:pointer; background:transparent none; margin-left:20px}

div#metanav ul li form input.submit {font-size:.9em; width: auto; height:16px; color: #FFFFFF; border:none 0px; cursor:pointer; background:#6DAAC4 none; margin-right:5px}
div.encart-decryptage { background-color:#EFEFEF; padding: 10px 15px; font-size:1em}
div#contenu #col-centrale #video p a.tous {font-size:.85em; color:#333; text-decoration:none; font-weight:normal}
div#reseaux-meta ul{ margin: 10px 0 0 130px}
div#reseaux-meta ul li{ display:inline; float:left}


/* ------------------------------------------------------- Main nav ----------------------------------------------------------------*/

div.mainnav {background:url(../images/bg-menu-principal.gif) left top no-repeat; width: 955px; margin:0; padding:0px; float:left}
div.mainnav ul {padding:0; margin:0 0 0 15px; border-left: solid 1px #cfcfcf;height:26px;overflow:hidden}
div.mainnav ul li {display:block; float:left; margin: 0; padding: 0px;border-right: solid 1px #cfcfcf;height:26px; width:auto; }
div.mainnav ul li a {font-size: .8em;  color:#090909; padding:5px 12px 0 12px; display:block; height:26px; width:auto; float:left; margin:0px;}
div.mainnav ul li a:hover{color:#FFFFFF;text-decoration:none;background:url(../images/puce-menu-principal-actif.gif) left 1px repeat-x;height:25px;}
div.mainnav ul li a img {border:0px; padding:0 2px 0 0; }
div.mainnav ul li.actif  {background:url(../images/puce-menu-principal-actif.gif) left 1px repeat-x; color:#FFF; border-right: none 0px; height:25px; padding: 5px 0 0 0 }
div.mainnav ul li.actif a {font-size: .8em;  color:#FFF; font-weight:bold;padding:0px 12px; }
div.mainnav ul li.actif a:hover{color:#FFF; text-decoration:none; background: none; }

div#header div.globalnav { float:left; position:relative;}
div#header div.globalnav div.sousnav { background:url(../images/fd-sousnav.gif) left top no-repeat; width:929px;padding: 6px 0 0 20px; /*margin-top: 25px; */font-size:.8em; color:#FFFFFF; float:left; height:30px}
div#footer div.globalnav { float:left; font-size:1.2em}
div#footer div.globalnav div.sousnav { background:url(../images/fd-sousnav-footer.gif) left top no-repeat; width:929px; height:20px;padding: 6px 0 0 20px; font-size:.8em; color:#FFFFFF;}
div.globalnav div.sousnav ul {display:none; }
div.globalnav div.sousnav ul li {display:inline; padding:0 5px 0 5px; border-right:#CCCCCC solid 1px;}
div.globalnav div.sousnav ul li a {color:#FFFFFF; }
div.globalnav div.sousnav ul li.actif  {background-color:#DEDEDE }
div.globalnav div.sousnav ul li.actif a {color:#115269; background-color:#DEDEDE }
div.msiw div.msfeatureupdater { display:none !important; visibility:hidden !important}

div#header div.globalnav div.sousnav_anim {}
div.globalnav div.sousnav_anim ul {display:none;/* position:relative; padding: 6px; */top:26px;font-size:.8em; color:#FFFFFF; float:left; background: #326884; position:absolute; }
div.globalnav div.sousnav_anim ul li { padding:5px 10px; border-bottom:#6DAAC4 solid 1px }
div.globalnav div.sousnav_anim ul li a {color:#FFFFFF; }
div.globalnav div.sousnav_anim ul li.actif  {background-color:#328864 }
div.globalnav div.sousnav_anim ul li.actif a {color:#115269; background-color:#DEDEDE }

/* --------------------------------------------------------- Content ------------------------------------------------------------------*/
div#contenu {width: 955px;font-size: .9em; margin:50px auto 10px auto; float:left;}
div.ligne { display:block; width:647px; height:auto; float:left; background-color:#FFFFFF; text-align:left}
div.ligne p {text-align:left !important; margin:0px; padding:0px}

form#formAdhesion1, form#formRecommander, form#formAnnuaireSoumetFiche, form#formAnnuaireRechercher, form#formAnnuaireProposeFiche{ background-color:#DEDEDE; padding:10px}
.fd-blanc { background-color: #FFF !important;}
div#contenu #col-contenu .fd-blanc p { margin: 10px 10px 30px 10px}


table { width:100%; /*float:left ;*/ border-collapse:collapse}
table td { border-bottom: 0px solid #CCCCCC;border-collapse:collapse}
div#contenu #col-contenu #tab_agenda li { width:80%}
div#contenu #col-contenu #tab_agenda table { margin: 12px 10px; width:95%; float:left}
div#contenu #col-contenu #tab_agenda table td { margin:0px; padding:0px}
div#contenu #col-contenu #tab_agenda table td h5 {font-size: .9em; background-color:#6DAAC4; font-weight:normal;color:#FFFFFF; padding: 0px; margin: 0px; float: none; width:auto}

div.tabs-container .ligne { display:block; width:90%; height:auto; float:left; background-color:#FFFFFF; text-align:left; padding: 10px;}
div.tabs-container .ligne .left { display:block; float:left; width:45%; padding: 0 10px 0 0 ;border-right: solid 1px #DEDEDE}

table td { width:auto !important}
table th { width:auto !important; font-weight:bold}

table.border td { border-bottom: 1px solid #CCCCCC;border-collapse:collapse}
td.border { padding-right: 10px}
td.tdformtitre, span.tdformtitre, div.tdformtitre{ background-color:#DA2F73; color:#FFFFFF; padding: 0 0 0 10px}
td.fdbleu, th { background-color:#6DAAC4; color:#FFFFFF; padding: 5px 3px; text-align:left; font-weight:normal}
table.notdformtitre td.tdformtitre { background-color:transparent; color:#333333; padding: 0 10px 0 0}
div.ligne .left{ display:block; float:left; width:45%; padding: 0 10px 0 0 ;border-right: solid 1px #DEDEDE}
div.ligne .right{ display:block; float: right; width:45%; padding: 0 0 0 10px; }

p.zoom {background-color: #DEDEDE; padding:10px 15px; color:#333333;}
.texte-mentions-form {font-size:.85em}
div#contenu #col-contenu #fildariane { font-size:.8em; color: #666666; background:url(../images/fd-ariane.jpg) left top no-repeat; width:647px; height:26px; padding: 6px 0 0 20px; margin-bottom:20px}
div#contenu #col-contenu #fildariane ul { list-style:none; display:inline; margin:0px; padding:0px}
div#contenu #col-contenu #fildariane ul li{display:inline; background-image: none; padding:0}
div#contenu #col-contenu #fildariane ul li a { color:#999999; text-decoration:none; background: none; padding:0px}
div#contenu #col-contenu #fildariane ul li a:hover {text-decoration: underline; color:#DA2F73}

div#contenu #col-gauche { width:457px; float:left; background:#FFFFFF; margin:0px 10px 0 0; height:auto}
div#contenu #col-gauche p.separation {border-bottom:1px solid #CFCFCF;margin: 0 0 10px 0;}

/*///////////////////// actualites /////////////////////////////////*/
div#contenu #col-gauche #actualites-du-reseau {width:457px; height: auto; margin:0 0 25px 0; padding:0;  background:url(../images/bg-col-gauche-header-gris.gif) top left no-repeat;}
div#contenu #col-gauche #actualites-du-reseau h3 { background:url(../images/bg-col-droite-h3.jpg) top left no-repeat; padding:2px 0 0 0; color:#FFFFFF; font-weight:bold; height:26px;font-size: 0.85em; margin: 0 0 0 15px}
div#contenu #col-gauche #actualites-du-reseau h3 span { background:url(../images/fin-bg-col-droite-h3.jpg) top right no-repeat; padding:4px 10px 0 10px; overflow:hidden; height:28px; float:left; margin: -2px 0 0 0}
div#contenu #col-gauche #actualites-du-reseau h3 span img { margin-top:-7px}
div#contenu #col-gauche #actualites-du-reseau h4{font-size: 1.6em; color:#da2f73; font-weight:normal; padding:10px 0 0 0; margin: 10px 0 0px 0}
div#contenu #col-gauche #actualites-du-reseau h4 a {color:#da2f73; font-weight:normal; text-decoration:none}
div#contenu #col-gauche #actualites-du-reseau h4 a:hover {text-decoration:underline}

div#contenu #col-gauche #actualites-du-reseau h4 span{font-size: 0.5em; color:#da2f73; font-weight:normal; padding-left:6px}

div#contenu #col-gauche #actualites-du-reseau p.tags {margin: 0px 0 10px 0px; padding:0px 0 10px 22px ; font-size:0.75em; color:#7e7f7f; background:transparent url(../images/puce-tags.gif) left top no-repeat;}
div#contenu #col-gauche #actualites-du-reseau p.tags a, div#contenu #col-gauche #actualites-du-reseau p a{color:#7e7f7f;}
div#contenu #col-gauche #actualites-du-reseau p.tags a:hover{color:#7e7f7f;text-decoration:none;}



div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-gauche {float:left; width:290px; padding:10px 0 0 0x; margin:0;}
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-gauche h5{font-size: 1em; color:#4d4d4d; font-weight:bold; }
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-gauche p{font-size: 1em; color:#3e2e32; font-weight:normal; padding:10px 0 0 0;}
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-gauche p a {color:#DA2F73; background-color:#DEDEDE; font-size:.85em; padding: 3px 5px;}
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-gauche p a:hover {color:#FFFFFF; background-color:#DA2F73; text-decoration:none}

div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-gauche  p.lire {margin: 10px 0; padding:0 0 0 8px ;  font-size: 0.75em; list-style: none;   color:#da2f73; background: transparent url(../images/puce-ensemble-rose.gif) top left no-repeat ;}
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-gauche  p.lire a{color:#da2f73;font-size: 1.1em; font-weight:bold; padding: 0 2px; background-color:#FFFFFF }
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-gauche  p.lire a:hover{background-color:#da2f73;text-decoration:none; color:#FFFFFF}
div#contenu #col-gauche #actualites-du-reseau #echanges { float:left; width:290px; margin-top:5px}
div#contenu #col-gauche #actualites-du-reseau p.commenter {color:#309dcf;font-size: 0.8em; font-weight:normal; padding:0; }
div#contenu #col-gauche #actualites-du-reseau p.commenter a {color:#7e7f7f;font-weight:normal; text-decoration:none; padding:0;}
div#contenu #col-gauche #actualites-du-reseau p.commenter a:hover {color:#7e7f7f;text-decoration:underline;}

div#contenu #col-gauche #actualites-du-reseau p.commenter span {color:#FFFFFF;font-weight:bold; text-decoration:none; background: transparent url(../images/puce-commentaire-bulle.gif) left top no-repeat; padding:1px 8px 0 8px; height:23px; display:block; float:left}

div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-droite {float:left; width:157px; padding:0; margin:0 0 0 10px;}
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-partage {width:457px; padding:4px 0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin:10px 0; float:left}
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-partage ul {}
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-partage ul li {list-style: none; float:left; margin : 0 2px; text-align:center; font-size: 0.85em; color:#da2f73; font-weight:bold; }
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-partage ul li a{color:#7e7f7f; font-weight:normal;font-size: 0.85em; }
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-partage ul li a:hover {text-decoration:underline;color:#309DCF; font-weight:normal; font-size: 0.85em; }
div#contenu #col-gauche #actualites-du-reseau #actualites-du-reseau-content-partage ul li a img { margin-top:-7px}

div#contenu #col-gauche #actualites-du-reseau .actualites-du-reseau-breve {width:228px; padding:0; margin:0; float:left;}
div#contenu #col-gauche #actualites-du-reseau .actualites-du-reseau-breve p.date {margin: 2px 0;  font-size: 0.75em; color:#da2f73; }
div#contenu #col-gauche #actualites-du-reseau .actualites-du-reseau-breve p.titre {color:#4D4D4D; font-size:0.9em; font-weight:bold;  background: transparent url(../images/puce-breve.gif) top left no-repeat; padding:0px 8px 2px 8px;}
div#contenu #col-gauche #actualites-du-reseau  .actualites-du-reseau-breve p.commenter span {color:#FFFFFF;font-size: 0.9em; font-weight:bold; text-decoration:none; background: transparent url(../images/puce-commentaire-bulle.gif) top left no-repeat; padding:0px 8px 2px 8px;}

/*///////////////////// caroussel /////////////////////////////////*/
div#contenu #col-gauche #carroussel{width:457px; height:278px; margin: 25px 0; padding:0;  background: transparent url(../images/bg-carrousel.jpg) top left no-repeat; float:left;}
div#contenu #col-gauche #carroussel h3 {color:#FFFFFF; font-size:1.4em; font-weight:normal;  padding : 15px 0 0 0 ; margin:0px 12px; border-bottom:1px solid #717578;} 
div#contenu #col-gauche #carroussel #zone-images {height:240px; overflow:hidden;float:left;}
div#contenu #col-gauche #carroussel ul {padding:0;margin:20px 0; }
div#contenu #col-gauche #carroussel ul li {list-style: none; float:left; margin : 0 2px; text-align:center; }
div#contenu #col-gauche #carroussel ul li.bouton { width:35px; width:35px; padding-top:50px}
div#contenu #col-gauche #carroussel ul li.bouton a:hover {}
div#contenu #col-gauche #carroussel ul li.vignette { width:92px;}
div#contenu #col-gauche #carroussel ul li.vignette a img { width:92px; border:1px solid #abc4cf;}
div#contenu #col-gauche #carroussel ul li.image { width:132px; margin-bottom:6px}
div#contenu #col-gauche #carroussel ul li.image a img { width:132px; border:1px solid #abc4cf;}
div#contenu #col-gauche #carroussel .zone-texte {width:450px;margin:0px; padding:0px}
div#contenu #col-gauche #carroussel p.nom {color:#309dcf; font-size:1.1em; font-weight:bold; padding-top: 0px; text-align:center; float:left} 
div#contenu #col-gauche #carroussel p.nom span {color:#FFFFFF; font-size:.8em; background: transparent url(../images/bg-carrousel-promo.jpg) left 1px no-repeat; padding:0px 8px; margin:2px 0 0 0; height:12px;} 
div#contenu #col-gauche #carroussel p.descriptif{color:#d4d4d4; font-size:.9em; font-weight:normal;  padding :0 ; margin:0px 12px; text-align:center; float:left} 

/*///////////////////// agenda /////////////////////////////////*/
div#contenu #col-gauche #agenda{width:457px; margin: 10px 0; padding:0 0 0 3px;  background:url(../images/bg-col-gauche-header-gris.gif) top left no-repeat; float:left}
div#contenu #col-gauche #agenda h3 { background:url(../images/bg-agenda.jpg) top left no-repeat; padding:0 0 5px 0; color:#FFFFFF; font-weight:bold; height:26px;font-size: 0.85em; margin: 0 0 0 15px}
div#contenu #col-gauche #agenda h3 span { background:url(../images/fin-bg-agenda.jpg) top right no-repeat; padding:3px 10px 0 10px; overflow:hidden; height:28px; float:left; margin: 0px 0 0 0}
div#contenu #col-gauche #agenda h3 span img {margin: -7px 0 0 0}

div#contenu #col-gauche #agenda .agenda-breve {width:210px; padding:0 0 10px 0; margin:10px 12px 0 0; float:left; /*border-bottom:1px solid #DEDEDE;*/}
div#contenu #col-gauche #agenda .agenda-breve p.date {margin: 2px 0;  font-size: 0.75em; color:#da2f73; }
div#contenu #col-gauche #agenda .agenda-breve p.titre {color:#4D4D4D; font-size:0.9em; font-weight:bold;  background: transparent url(../images/puce-agenda.gif) top left no-repeat; padding:0px 8px; width:200px;}
div#contenu #col-gauche #agenda .agenda-breve p.titre a {color:#4D4D4D; font-weight:bold; }
div#contenu #col-gauche #agenda .agenda-breve p.titre a:hover { background-color:#5b3091; color:#FFFFFF; padding:0 2px; text-decoration:none}
div#contenu #col-gauche #agenda .agenda-breve p.titre a span {color:#4D4D4D; font-weight:normal; }

div#contenu #col-gauche #agenda #agenda-content-fonction{width:457px; padding:0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin:10px 0; float:left}
div#contenu #col-gauche #agenda #agenda-content-fonction ul {}
div#contenu #col-gauche #agenda #agenda-content-fonction ul li {list-style: none; float:left; margin : 0 2px; text-align:center; font-size: 0.9em; color:#da2f73; font-weight:bold; padding-top:1px}
div#contenu #col-gauche #agenda #agenda-content-fonction ul li img {margin-top:-8px}
div#contenu #col-gauche #agenda #agenda-content-fonction ul li a{text-decoration:none;color:#7e7f7f; font-weight:normal; font-size: 0.85em; }
div#contenu #col-gauche #agenda #agenda-content-fonction ul li a:hover{color:#7a4fb2; font-weight:normal; text-decoration:underline;font-size: 0.85em; }

/*///////////////////// apec/////////////////////////////////*/
div#contenu #col-gauche .apec {width:456px; height: auto; margin: 5px 0 20px 0; padding:10px 0; float:left}

/*///////////////////// publicite /////////////////////////////////*/
div#contenu #col-gauche .publicite {width:456px; height: auto; margin: 5px 0 20px 0; padding:10px 0; float:left}
div#contenu #col-gauche .publicite p{margin: 0;  font-size: 0.75em; color:#4b4b4c; }
div#contenu #col-gauche .publicite div a img{ height:60px; width:456px; overflow:hidden; border:0}

/*///////////////////// video /////////////////////////////////*/
div#contenu #col-gauche #multimedia{width:457px; height: auto; margin: 0; padding:0;  background:url(../images/bg-col-gauche-header-gris.gif) top left no-repeat; float:left}
div#contenu #col-gauche #multimedia h3 { background:url(../images/bg-col-droite-h3.jpg) top left no-repeat; padding:0 0 5px 0; color:#FFFFFF; font-weight:bold; height:26px;font-size: 0.85em; margin: 0 0 0 15px}
div#contenu #col-gauche #multimedia h3 span { background:url(../images/fin-bg-col-droite-h3.jpg) top right no-repeat; padding:3px 10px 0 10px; overflow:hidden; height:28px; float:left; margin: 0px 0 0 0}
div#contenu #col-gauche #multimedia h3 span img {margin: -5px 0 0 0}

/*div#contenu #col-gauche #multimedia #contenu-video { width: 40%; background-color:#CCFF66; float:left; margin-top:10px}
div#contenu #col-gauche #multimedia #contenu-video p { margin: 10px 0}
div#contenu #col-gauche #multimedia #contenu-video p a { background-color:#DA2F73; color:#FFFFFF; font-size:.8em; padding:3px; }*/

div#contenu #col-gauche #multimedia #googlemap { width: 457px; float:left;margin-top:10px }
div#contenu #col-gauche #multimedia #multimedia-fonction{width:457px; padding:0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin:10px 0; float:left}
div#contenu #col-gauche #multimedia #multimedia-fonction ul {}
div#contenu #col-gauche #multimedia #multimedia-fonction ul li {list-style: none; float:left; margin : 0 8px 0 2px; text-align:center; font-size: 0.9em; color:#da2f73; font-weight:bold; padding-top:1px}
div#contenu #col-gauche #multimedia #multimedia-fonction ul li a{text-decoration:none;color:#7e7f7f; font-weight:normal; font-size: 0.85em; }
div#contenu #col-gauche #multimedia #multimedia-fonction ul li a:hover{color:#DA2F73; font-weight:normal; font-size: 0.85em; text-decoration:underline }
div#contenu #col-gauche #multimedia #multimedia-fonction ul li img {margin-top:-10px}
 
/* --------------------------------------------------------- Content - Page Int ------------------------------------------------------------------*/
div#contenu #col-contenu { width:647px; float:left; background:#FFFFFF;   }

div#contenu #col-contenu p { margin: 15px 0}
div#contenu #col-contenu a { color:#da2f73}
div#contenu #col-contenu a:hover {}

div#contenu #col-contenu #add-comment fieldset { border: 1px solid #CCCCCC; background-color:#DFDFDF; width:650px; }
div#contenu #col-contenu #add-comment fieldset ul li { background: none transparent; padding:0}

div#contenu #col-contenu ul { margin: 10px 0 20px 30px}
div#contenu #col-contenu .spip_form_champ ul { margin:0; display:block; float:left}
div#contenu #col-contenu ul li {background: url(../images/puce-avoir-la-network.gif) left 3px no-repeat; padding-left:16px}
div#contenu #col-contenu ol {margin: 10px 0 20px 30px;padding:0 0 0 10px ;}
div#contenu #col-contenu ol li {background: #DEDEDE;}

div#contenu #col-contenu ul.plan { margin:0px; padding:0px}
div#contenu #col-contenu ul.plan li { padding:0px; background:none;width:625px; margin: 0 0 1px 0}
div#contenu #col-contenu ul.plan li a{ background:#6DAAC4 none; color:#FFFFFF; width:625px;display:block; padding: 5px 10px}
div#contenu #col-contenu ul.plan li ul li {  color:#333333; margin:5px 0; }
div#contenu #col-contenu ul.plan li ul li a { background: #FFFFFF url(../images/puce-avoir-la-network.gif) left 3px no-repeat; padding:0 0 0 16px; color:#333333;}

div#contenu #col-contenu ul.plan li ul li ul { margin:5px 0 20px 15px}
div#contenu #col-contenu ul.plan li ul li ul li{  color:#333333; margin:0 0 2px 0px;width:450px}
div#contenu #col-contenu ul.plan li ul li ul li a { background: #DEDEDE none; padding:0 0 0 5px; color:#333333;width:450px; display:block}

div#contenu #col-contenu {width:647px; margin:0; padding:0; float:left}
div#contenu #col-contenu h4{font-size: 1.5em; color:#da2f73; font-weight:normal; padding:0 8px 0 0; margin-left:3px}
div#contenu #col-contenu h4 span{font-size: 0.5em; color:#da2f73; font-weight:normal;}
div#contenu #col-contenu h5{font-size: 1.1em; background-color:#6DAAC4; font-weight:normal;color:#FFFFFF; padding: 5px 8px; font-weight:bold; margin: 10px 0; float:left; width:630px}
div#contenu #col-contenu table {padding:10px; }
div#contenu #col-contenu table  tr.ligne_npai_sep{background-color:#DA2F73;}
div#contenu #col-contenu table  tr.ligne_npai_sep td{background-color:#DA2F73;color:#FFFFFF; }
div#contenu #col-contenu table td{font-weight:normal;color:#000000; padding:2px; background-color:#DEDEDE;}
div#contenu #col-contenu table td.cellule_bleue{background-color:#6DAAC4; font-weight:normal;color:#FFFFFF; text-align:right; font-weight:bold; padding: 0 8px 0 0}
div#contenu #col-contenu u { text-decoration:none; font-weight:bold;color:#DA2F73; }

div#contenu #col-contenu p {margin: 10px 0 20px 2px; padding:0 ; color:#000000; text-align:justify;}
div#contenu #col-contenu p.tags {margin: 8px 0 5px 0px; padding:0px 0 10px 22px ; font-size:0.75em; color:#7e7f7f; background:transparent url(../images/puce-tags.gif) left top no-repeat;}
div#contenu #col-contenu p.tags a{color:#7e7f7f;}
div#contenu #col-contenu p.tags a:hover{color:#7e7f7f;text-decoration:none;}

div#contenu #col-contenu p.relais a { background:url(../images/btn-relais-left.gif) left top no-repeat; padding: 7px 5px 2px 12px; display:block; color:#FFFFFF; text-decoration:none; float:left; height:30px}
div#contenu #col-contenu p.relais a:hover { text-decoration:underline}
div#contenu #col-contenu p.relais a span { background:url(../images/btn-relais-right.gif) right top no-repeat; padding: 0 10px 0 0; overflow:hidden; display: block; float:left}

div#contenu #col-contenu p img  {float:left; padding:5px; margin:0;}
div#contenu #col-contenu p img.noborder  {padding:0px;}
div#contenu #col-contenu p img  a {border:0px;}
div#contenu #col-contenu  p.commenter {color:#309dcf;font-size: 0.75em; font-weight:normal; padding:5px 0;}
div#contenu #col-contenu  p.commenter a {color:#7e7f7f;font-weight:normal; text-decoration:none; }
div#contenu #col-contenu  p.commenter span {color:#FFFFFF;font-weight:bold; text-decoration:none; background: transparent url(../images/puce-commentaire-bulle.gif) left 3px no-repeat; padding:5px 8px 4px 8px;}

div#contenu #col-contenu img.portrait {margin: 0 5px 5px 0; padding:0 5px 5px 0; float:left; }

div#contenu #col-contenu .contenu-gauche-content-partage {width:647px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin:10px 0; }
div#contenu #col-contenu .contenu-gauche-content-partage ul { margin:0px}
div#contenu #col-contenu .contenu-gauche-content-partage ul li {list-style: none; float:left; margin : 0 2px; text-align:center; font-size: 0.85em; color:#da2f73; font-weight:bold; padding:0px; background:none; }
div#contenu #col-contenu .contenu-gauche-content-partage ul li a{color:#7e7f7f; font-weight:normal;font-size: 0.85em; background:none }
div#contenu #col-contenu .contenu-gauche-content-partage ul li a img{ margin: 1px 0 0 0}

div#contenu #col-contenu .contenu-gauche-content-partage ul li a:hover {text-decoration:none;color:#7e7f7f; font-weight:normal; font-size: 0.85em; }


div#contenu #col-contenu .publicite {width:647px; height:26px; margin: 0 0 20px 0; padding:20px 0;  }
div#contenu #col-contenu .publicite p{margin: 0;  font-size: 0.75em; color:#4b4b4c; }
div#contenu #col-contenu .publicite img{}
div#contenu #col-contenu .publicite a img{border:0px; }

div#contenu #col-contenu .spip_surligne{background-color:#6DAAC4;}

/* ---------------------------------------------------------- Col-centrale  -------------------------------------------------------------------*/

div#contenu #col-centrale {  width:190px; float: left; margin:0 0 0 23px;  padding:0; }
div#contenu #col-centrale #en-bref {  width:190px; margin:-12px 0 0 0; padding:0; background: transparent url(../images/bg-en-bref-blanc.gif) left top repeat-y;  }
div#contenu #col-centrale #en-bref h3 {font-size: 1.5em; color:#FFFFFF; font-weight:normal; padding:20px 0 12px 10px;background: transparent url(../images/bg-en-bref-top.gif) left top no-repeat;}
div#contenu #col-centrale #en-bref h4 {font-size: 0.85em; color:#4e93b0; font-weight:bold; padding:10px 0 10px 10px;background: transparent url(../images/bg-en-bref-top.gif) left bottom no-repeat;}
div#contenu #col-centrale #en-bref p {font-size: 0.9em; color:#414141; padding:0 10px; margin: 8px 0 4px 0;width:145px;}
div#contenu #col-centrale #en-bref p strong {color:#4e93b0;}
div#contenu #col-centrale #en-bref p span.promo {font-size: 0.85em;}
div#contenu #col-centrale #en-bref p a{color:#4d92af;font-weight:normal; }
div#contenu #col-centrale #en-bref p a:hover{ background-color:#4d92af; color:#FFFFFF; text-decoration:none}
div#contenu #col-centrale #en-bref p.envoyer {margin: 0 10px 10px 10px;padding: 0px 0px 8px 0px; border-bottom:#CCCCCC solid 1px}
div#contenu #col-centrale #en-bref p.envoyer a{color:#4d92af;font-size: .85em; font-weight:normal; }
div#contenu #col-centrale #en-bref p.envoyer a:hover{ background-color:#4d92af; color:#FFFFFF; text-decoration:none;padding: 0 3px 0 0}
div#contenu #col-centrale #en-bref #en-bref-bottom { background:url(../images/bg-en-bref-bottom.gif) left top no-repeat; width:167px; height:22px}
div#contenu #col-centrale #en-bref #adhere { width:165px; height:72px; margin-left:1px; background-color:#4d92af}

div#contenu #col-centrale #entree-annuaire { margin: 20px 0 0px 0; display:block; float:left}

div#contenu #col-centrale #evenements {width:190px; margin:20px 0 0 0; padding:0; height: auto; float:left;background: transparent url(../images/bg-evenements-blanc.gif) left top repeat-y;}
div#contenu #col-centrale #evenements h3 {font-size: 1.5em; color:#FFFFFF; padding:8px 0 0 10px;background: transparent url(../images/bg-evenements-top.gif) left top no-repeat; font-weight:normal; height:37px}
div#contenu #col-centrale #video h3.short {font-size: 1.4em; color:#FFFFFF; padding:8px 0 0 4px;background: transparent url(../images/bg-evenements-top.gif) left top no-repeat; font-weight:normal; height:37px}
div#contenu #col-centrale #evenements h4{ width:167px;background: transparent url(../images/bg-evenements-rose.gif) left top repeat-y; color:#da2f73; font-weight:bold; text-decoration:none; font-size:.85em; padding: 5px 10px}
div#contenu #col-centrale #evenements h4 a {color:#da2f73; font-weight:bold; text-decoration:none; }

div#contenu #col-centrale #evenements div img {padding:0px;}
div#contenu #col-centrale #evenements p { font-size: 0.85em; color:#414141; padding:5px 10px; margin-top:5px; width:150px }
div#contenu #col-centrale #evenements p a { font-size: 0.85em; color:#414141; text-decoration:none; }
div#contenu #col-centrale #evenements p a span.lieu {text-transform:uppercase }
div#contenu #col-centrale #evenements p a span.titre {font-size:1.2em; font-weight:bold; color:#da2f73 }
div#contenu #col-centrale #evenements p a:hover span.titre {background-color:#da2f73; color:#FFFFFF; padding: 0 2px }
div#contenu #col-centrale #evenements p.acceder a { font-size:.9em; color:#da2f73;text-decoration:none; font-weight:bold; width:auto; background-color:transparent;}

div#contenu #col-centrale #evenements p a span.date {font-size:1.2em;}

div#contenu #col-centrale #evenements p.envoyer {margin: 0px 10px 5px 10px; padding:6px 0 0 0px ;  font-size: 0.75em; list-style: none; color:#da2f73;width:140px; border-top: #CCCCCC solid 1px;}
div#contenu #col-centrale #evenements p.envoyer a{color:#da2f73;font-size: 1em; font-weight:normal; padding: 0 3px 0 0}
div#contenu #col-centrale #evenements p.envoyer a:hover{background-color:#da2f73;text-decoration:none; color:#FFFFFF; }
div#contenu #col-centrale #evenements #evenements-bottom{ height:22px;  width:167px; margin:0; padding:0; background: transparent url(../images/bg-evenements-bottom.gif) left bottom no-repeat;}

div#contenu #col-centrale #galerie-photo {width:190px; margin:20px 0 0 0; padding:0; background:#FFFFFF; float:left;background: transparent url(../images/bg-galerie-photo-blanc.gif) left top repeat-y; }
div#contenu #col-centrale #galerie-photo h3 {font-size: 1.5em; color:#FFFFFF; font-weight:normal; padding:8px 0 0 10px; background: transparent url(../images/bg-galerie-photo-top.gif) left top no-repeat; height:47px}
div#contenu #col-centrale #galerie-photo p { font-size: 0.85em; color:#414141; font-weight:bold; padding:5px 15px;width:167px;}
div#contenu #col-centrale #galerie-photo p.image { text-align:center; padding:5px 12px; width:140px; height:100px; overflow:hidden}
div#contenu #col-centrale #galerie-photo p a { font-size: .9em; color:#da2f73;text-decoration:none;}
div#contenu #col-centrale #galerie-photo p.titre { font-size:1.1em}
div#contenu #col-centrale #galerie-photo p.acceder {margin: 0 15px 5px 15px; padding:0px; list-style: none; color:#da2f73;}
div#contenu #col-centrale #galerie-photo p.acceder a{color:#da2f73;padding: 0 3px 0 0; font-weight:normal}
div#contenu #col-centrale #galerie-photo p.acceder a:hover{background-color:#da2f73;text-decoration:none; color:#FFFFFF;}
div#contenu #col-centrale #galerie-photo p.gris {margin: 0px; padding:0px ; list-style: none;color:#414141;margin: 0 15px 0px 15px; }
div#contenu #col-centrale #galerie-photo p.gris a{color:#414141;font-weight:normal; }
div#contenu #col-centrale #galerie-photo p.gris a:hover{ background-color:#414141;text-decoration: underline; color:#FFFFFF}
div#contenu #col-centrale #galerie-photo #galerie-photo-bottom{ height:23px;  width:167px; margin:0; padding:10px 0 0 0; background: transparent url(../images/bg-galerie-photo-bottom.gif) left bottom no-repeat;}

div#contenu #col-centrale #video {width:190px; margin:20px 0 0 0; padding:0; background:#FFFFFF; float:left;background: transparent url(../images/bg-galerie-photo-blanc.gif) left top repeat-y; }
div#contenu #col-centrale #video h3 {font-size: 1.5em; color:#FFFFFF; font-weight:normal; padding:6px 0 0 10px; background: transparent url(../images/bg-galerie-photo-top.gif) left top no-repeat; height:47px}
div#contenu #col-centrale #video h3.short {font-size: 1.4em; color:#FFFFFF; font-weight:normal; padding:6px 0 0 4px; background: transparent url(../images/bg-galerie-photo-top.gif) left top no-repeat; height:40px}
div#contenu #col-centrale #video h4 {font-size: 0.85em; color:#4e93b0; font-weight:bold; padding:7px 0 7px 8px;background: #cfeefc none; width:158px}
div#contenu #col-centrale #video h4 a {color:#4e93b0;}

div#contenu #col-centrale #video p { font-size: 0.85em; color: #666; font-weight:normal; padding:5px 12px;width:145px;}
div#contenu #col-centrale #video p a { font-size: 1.1em; color:#4d92af;text-decoration:none; font-weight:bold; width:145px; margin-top: 8px}
div#contenu #col-centrale #video p.acceder a { font-size:.9em; color:#4d92af;text-decoration:none; font-weight:bold; width:auto; background-color:transparent;}
div#contenu #col-centrale #video p a img { border:none;}
div#contenu #col-centrale #video p a:hover { background-color:#4d92af; color:#FFFFFF;text-decoration:none; padding: 0 3px 0 0}
div#contenu #col-centrale #video #video-bottom{ height:23px;  width:167px; margin:0; padding:0; background: transparent url(../images/bg-galerie-photo-bottom.gif) left bottom no-repeat;}
/* ---------------------------------------------------------- Col-droite  -------------------------------------------------------------------*/

div#contenu #col-droite {width:228px; float: right; margin:-7px 28px 0 0px; height:auto;}
div#contenu #col-droite #network-attitude_bottom{width:228px; margin:0; padding:0 0 6px 0; background: transparent url(../images/bg-avoir-la-network-bottom.gif) left bottom no-repeat; }
div#contenu #col-droite #network-attitude_middle{width:228px; margin:0; padding:0; background: transparent url(../images/bg-avoir-la-network-middle.gif) left bottom no-repeat; }
div#contenu #col-droite #network-attitude_top{width:228px; margin:0; padding:61px 0 0 0;  background:url(../images/bg-avoir-la-network-top.gif) top no-repeat; }
div#contenu #col-droite #network-attitude_top  ul {width:207px; margin:0 auto; padding:0;}
div#contenu #col-droite #network-attitude_top  ul li {padding:0 0 5px 0px ;  font-size: 0.9em; list-style: none; color:#434243;}
div#contenu #col-droite #network-attitude_top  ul li a {color:#434243;}
div#contenu #col-droite #network-attitude_top  ul li a strong {color:#da2f73;}
div#contenu #col-droite #network-attitude_top  ul li a:hover {text-decoration: underline; color:#DA2F73;}
div#contenu #col-droite #network-attitude_top  ul li a.dessous {color:#da2f73; font-size:.85em; line-height:1em; margin:0px 0 0 0; padding:0px; display:block;}

div#contenu #col-droite #entrees-rapides { float:left; margin:25px 0 5px 0}
div#contenu #col-droite #entrees-rapides ul li { margin-bottom:6px}
div#contenu #col-droite #entrees-rapides ul li a{ width:228px; height: 45px; display:block}
div#contenu #col-droite #entrees-rapides ul li.vignette1 a{ background: url(../images/vignette1.jpg) left top no-repeat}
div#contenu #col-droite #entrees-rapides ul li.vignette2{ display:none}
div#contenu #col-droite #entrees-rapides ul li.vignette2 a:hover{ background: url(../images/vignette2.jpg) left top no-repeat}
div#contenu #col-droite #entrees-rapides ul li.vignette3 a:hover{ background: url(../images/vignette3.jpg) left top no-repeat}
div#contenu #col-droite #entrees-rapides ul li.vignette4 a:hover{ background: url(../images/vignette4.jpg) left top no-repeat}
div#contenu #col-droite #entrees-rapides ul li.vignette5 a:hover{ background: url(../images/vignette5.jpg) left top no-repeat}
div#contenu #col-droite #entrees-rapides ul li.vignette6 a:hover{ background: url(../images/vignette6.jpg) left top no-repeat}

div#contenu #col-droite #entrees-rapides ul li a:hover img { display:none}

div#contenu #col-droite #ifag-boutik {width:228px; height:109px; margin:30px 0 0 0; padding:0;  background:url(../images/ifag-boutik.jpg) top left no-repeat;}
div#contenu #col-droite #ifag-boutik  div {position : relative; top:80px; left: 22px; width:125px; text-align:center;}
div#contenu #col-droite #ifag-boutik  div a {font-size: 0.85em; color:#FFFFFF;}
div#contenu #col-droite #ifag-boutik  div a:hover {font-size: 0.85em; color:#FFFFFF;text-decoration:none;}

div#contenu #col-droite #nuage-de-mots {width:228px; padding:0px;  margin:10px 0 20px 0 ; background:url(../images/bg-col-droite-header-magenta.jpg) top left no-repeat; float:left; height:auto}
div#contenu #col-droite #nuage-de-mots h3 { /*background:url(../images/bg-col-droite-h3.jpg) top left no-repeat;*/padding:0px 0 5px 0; color:#FFFFFF; font-weight:bold; height:26px;font-size: 0.85em; margin: 0 0 0 15px}
div#contenu #col-droite #nuage-de-mots h3 span { /*background:url(../images/fin-bg-col-droite-h3.jpg) top right no-repeat;*/ padding:3px 10px 0 10px; overflow:hidden; height:28px; float:left; margin: 0px 0 0 0}
div#contenu #col-droite #nuage-de-mots h3 span img {margin: -3px 0 0 0}
div#contenu #col-droite #nuage-de-mots #nuage-de-mot-content { width:228px; display:block}
div#contenu #col-droite #nuage-de-mots #nuage-de-mot-content a{ color:#333333; font-size:.9em; padding-left:5px;/*float:left;*/}

div#contenu #col-droite #ils-creent {width:228px; margin:10px 0 20px 0; height: auto;  background:url(../images/bg-col-droite-header-orange.jpg) top left no-repeat; float:left}
div#contenu #col-droite #ils-creent h3 { /*background:url(../images/bg-col-droite-orange-h3.jpg) top left no-repeat;*/ padding:0px 0 0px 0; color:#FFFFFF; font-weight:bold; height:26px;font-size: 0.85em; margin: 0 0 0 15px}
div#contenu #col-droite #ils-creent h3 span { /*background:url(../images/fin-bg-col-droite-orange-h3.jpg) top right no-repeat; */ padding:3px 10px 0 10px; overflow:hidden; height:28px; float:left; margin: 0px 0 0 0}
div#contenu #col-droite #ils-creent h3 span img {margin: -4px 0 0 0}

div#contenu #col-droite #ils-creent p {margin: 10px 0 0 0; padding:0px;  font-size: 0.85em; list-style: none;color:#565656; }
div#contenu #col-droite #ils-creent p span.titre {text-transform : uppercase; font-size: 0.9em; font-weight:bold; color:#e77b21;background: transparent url(../images/puce-les-offres-demplois.gif) left top no-repeat ; padding-left:10px;}
div#contenu #col-droite #ils-creent p a{color:#e44081;font-size: 1em; font-weight:bold; margin:10px 0 0 0}
div#contenu #col-droite #ils-creent p a:hover{color:#e44081;text-decoration:underline;}
div#contenu #col-droite #ils-creent p a.petit{color:#e44081; font-weight:normal; font-size:.9em;padding:0 0 5px 0; border-bottom:#CCCCCC solid 1px; width:228px; display:block; margin:0px}
div#contenu #col-droite #ils-creent p a.petit:hover{color:#e44081;text-decoration: underline;}
div#contenu #col-droite #ils-creent p.gris {margin: 0; padding:0px ;  font-size: 0.75em; list-style: none;color:#565656; clear:both;}
div#contenu #col-droite #ils-creent p.gris a{color:#565656;font-size: 1em; font-weight:normal; }
div#contenu #col-droite #ils-creent p.gris a:hover{color:#565656; text-decoration:underline}

div#contenu #col-droite #les-offres-demplois {width:228px; margin:20px 0;width:228px; height: auto; background:url(../images/bg-col-droite-header-orange.jpg) top left no-repeat; float:left}
div#contenu #col-droite #les-offres-demplois h3 { /*background:url(../images/bg-col-droite-orange-h3.jpg) top left no-repeat;*/ padding:0px 0 5px 0; color:#FFFFFF; font-weight:bold; height:26px;font-size: 0.85em; margin: 0 0 0 15px}
div#contenu #col-droite #les-offres-demplois h3 span { /*background:url(../images/fin-bg-col-droite-orange-h3.jpg) top right no-repeat;*/ padding:3px 10px 0 10px; overflow:hidden; height:28px; float:left; margin: 0px 0 0 0}
div#contenu #col-droite #les-offres-demplois h3 span img {margin: -4px 0 0 0}

div#contenu #col-droite #les-offres-demplois dl {}
div#contenu #col-droite #les-offres-demplois dt { font-size: 0.85em; list-style: none;color:#565656; background: transparent url(../images/puce-les-offres-demplois.gif) left 6px no-repeat ; font-weight:normal; padding-left:10px; padding-top:5px}
div#contenu #col-droite #les-offres-demplois dt a{ color:#565656; font-weight:normal}
div#contenu #col-droite #les-offres-demplois dd { font-size: 0.75em; list-style: none; color:#da2f73; padding:0 0 5px 0; border-bottom:#CCCCCC solid 1px}
div#contenu #col-droite #les-offres-demplois dd a{color:#da2f73;}
div#contenu #col-droite #les-offres-demplois dd a:hover{color:#565656;text-decoration: underline;}
div#contenu #col-droite #les-offres-demplois p a.petit{color:#e44081; font-weight:normal; font-size:.8em;padding:0 0 5px 0; border-bottom:#CCCCCC solid 1px; width:228px; display:block}
div#contenu #col-droite #les-offres-demplois p a:hover{color:#e44081;text-decoration: underline; }
div#contenu #col-droite #les-offres-demplois p.gris {margin: 10px 0; padding:0px ;  font-size: 0.95em; list-style: none; color:#565656; margin:0px}
div#contenu #col-droite #les-offres-demplois p.gris a{color:#565656;font-weight: normal; padding:0px; font-weight:normal;}
div#contenu #col-droite #les-offres-demplois p.gris a:hover{color:#565656;text-decoration:underline;}
div#contenu #col-droite #les-offres-demplois p a.tout{color:#565656;font-weight: normal; padding:10px 0; font-weight:normal; font-size:.85em}

div#contenu #col-droite #les-offres-demplois-gauche {width:148px; padding:30px 0 0 0; float:left; }
div#contenu #col-droite #les-offres-demplois-droite {width:80px; padding:0; float:left; }

div#contenu #col-droite #reseau-social{width:228px; margin:0; padding:6px 0 0 0;  background:url(../images/fd-reseau.jpg) top no-repeat; float:left; height:62px; overflow:hidden}
div#contenu #col-droite #reseau-social p{margin:0; padding:0 0 0 6px ; color:#4E93B0;font-size: .9em; font-weight:bold; }
div#contenu #col-droite #reseau-social ul {width:210px; margin:0 auto; padding:1px 0 0 0;}
div#contenu #col-droite #reseau-social ul li {padding:0 2px; width:65px; text-align:center; list-style: none;  float:left;}
div#contenu #col-droite #reseau-social p ul li a img {border:Opx;}

/* -------------------------------------------------------- Footer -----------------------------------------------------------------*/
div#footer {width:929px; height:155px; padding:0 0 6px 0; margin:25px 0 0 0; float:left}
div#footer div.mainnav {background:url(../images/bg-menu-principal-footer.gif) left top no-repeat; width: 929px; margin:0 auto; padding:0; }
div#footer div#footer-content {width:930px; height:108px; padding:0; margin:-5px 0 0 0; background: transparent url(../images/bg-footer-.gif) left top no-repeat; float:left}
div#footer div#footer-content #footer-banner{width:240px; float:left; padding:0; margin:22px 0 0 15px; }
div#footer div#footer-content #footer-adresse{width:220px; float:left; font-size: 0.85em; color:#FFFFFF; padding:0; margin:20px 0 0 0; }
div#footer div#footer-content #footer-coordination{width:250px; float:left; font-size: 0.85em; color:#FFFFFF; padding:0; margin:20px 0 0 0; }
div#footer div#footer-content #footer-coordination a{color:#FFFFFF; text-decoration:none}
div#footer div#footer-content #footer-coordination a:hover {text-decoration:underline;}

div#footer div#footer-content #footer-hautdepage{width:130px; float:left; font-size: 0.8em; color:#FFFFFF; padding:0; margin:20px 0 0 0; }
div#footer div#footer-content #footer-hautdepage a {color:#FFFFFF; text-decoration :none;}
div#footer div#footer-content #footer-hautdepage a:hover {text-decoration:underline;color:#FFFFFF}
div#footer div#footer-content #footer-hautdepage a img {border:Opx;}
div#footer div#footer-content #footer-meta { width:930px;float:left; margin: 0 0 5px 0; display:block}
div#footer div#footer-content #footer-meta ul {margin:20px 0 0 15px; padding:0;}
div#footer div#footer-content #footer-meta ul li {text-align:left; font-size: 0.75em; list-style: none;  float:left; padding:0 5px; color:#a3cfe1; border-right:1px solid #a3cfe1;}
div#footer div#footer-content #footer-meta ul li.creation {padding:0; text-align:left; font-size: 0.75em; list-style: none;  float:left; padding:0 5px; color:#a3cfe1; border-right:0px solid #a3cfe1;}
div#footer div#footer-content #footer-meta ul li a {color:#a3cfe1;text-decoration:none;}
div#footer div#footer-content #footer-meta ul li a:hover {text-decoration: underline;}

/* -------------------------------------------------------- Commentaires -----------------------------------------------------------------*/
div#add-comment fieldset { border: 1px solid #CCCCCC; background-color:#DFDFDF; width:455px; }
div#add-comment fieldset label {  color:#333333; font-weight:normal; text-align: left; float:left; width:25%; text-align:right; padding-right:10px}
div#add-comment fieldset label.full {width:100%; text-align:left; font-weight:bold}

div#add-comment fieldset legend {color:#DA2F73; font-weight:bold; padding-left:0px; margin-top:-15px; font-size:1.2em}
div#add-comment fieldset input {border: 1px solid #CFCFCF; color:#DA2F73; background:#FFFFFF;}

div#add-comment input, div#add-comment textarea {border: 1px solid #CFCFCF; }
div#add-comment p.boutons input {border: 1px solid #CFCFCF; color:#FFFFFF; background:#DA2F73; float:right; margin: 5px 17px 10px 10px; width: auto; font-size:.85em; padding:3px; cursor:pointer}
div#add-comment a.fermer_comment, div#read-comment a.fermer_comment_read { color:/*#DA2F73*/ #333333; margin:0px 0px 0px 15px; font-weight:normal; font-size:.75em }

div#add-comment ul, div#container_int div.formulaire_login ul { list-style:none; }
div#add-comment ul li, div#container_int div.formulaire_login ul li { list-style:none; margin:15px}
div#container_int #col-centrale #echanges .switch_comments { border: 1px solid #ED1E83; padding:10px; margin:10px 0px 10px 0px;  }
div#container_int #col-centrale #echanges .switch_comments #content_comments {  margin:10px 0px 10px 0px; }
div#container_int #col-centrale #echanges .switch_comments #content_comments p  { border-left:none; color:#968576;  padding:5px 5px 5px 5px; font-size:1em; }
div#container_int #col-centrale #echanges .switch_comments #content_comments p.comment_texte  { border-left:1px solid #CCCBCB; color:#968576; font-size:1em; }
div#container_int #col-centrale #echanges .switch_comments #content_comments p.small { color:#ED1E83; font-size:0.85em; margin-left:5px;}

div#read-comment {width:455px; padding-top:15px}
div#read-comment h4 { font-size:1em; margin-bottom:5px; padding-bottom:5px; border-bottom:#CCCCCC solid 1px}
div#read-comment h5 { font-size:.95em; border: 1px solid #CCCCCC; background-color:#DFDFDF; padding:2px }

div#read-comment p { font-size:1em; border-bottom: 1px solid #CCCCCC; padding: 3px 0 10px 0; margin-bottom:8px}
div#read-comment p.small { font-size:.7em; border:none 0px; padding:0; padding:0}
div#read-comment p a.fermer_comment_read { margin:0px}

div#contenu #col-contenu #tab_agenda {
    border:1px solid #DEDEDE;
    background-color:#EEEEEE;
    padding:15px 8px;
	margin-top:8px;
}
div#contenu #col-contenu #tab_agenda div h5{font-size: 1em; background-color:#6DAAC4; font-weight:normal;color:#FFFFFF; padding: 3px 6px; font-weight:bold; margin: 0 0 1px 0; width:618px; float:left}
div#contenu #col-contenu #tab_agenda div h5 a{color:#FFFFFF; }
div#contenu #col-contenu #tab_agenda div div p { background-color:#FFFFFF; margin:10px 0; padding:0 10px;float:left; width:96% }
div#contenu #col-contenu #tab_agenda div div ul {margin:10px 0 10px 30px; float:left; width:100%}
div#contenu #col-contenu #tab_agenda div h6 {padding: 0px; float:left;width:605px; border-bottom:1px solid #999999; margin:15px 0 0 10px}

div#contenu #col-contenu #tab_agenda .tabs-container{
    background-color:#FFFFFF;
	width: 630px;
}
div#contenu #col-contenu #tab_agenda .spip_forms fieldset { margin: 0 0 0 5px; width:94%}
div#contenu #col-contenu #tab_agenda .spip_forms .forml, div#contenu #col-contenu #tab_agenda .spip_forms .formo {border-color: #666; border-style:solid; border-width:1px;font-size:1em;padding:0.2em;width:65%; float:right}
div#contenu #col-contenu #tab_agenda .spip_forms .spip_form_label {color:#494949;font-weight:normal;text-align:right; float:left; width:30%;}
div#contenu #col-contenu #tab_agenda .spip_forms legend {background-color:#DA2F73;color:#FFFFFF;font-size:1.15em;font-weight:normal;margin:0px;padding:0 10px;}
div#contenu #col-contenu #tab_agenda .spip_forms .spip_form_champ {margin:1em 0;}
.formInfo a, .formInfo a:active, forminfo a:visited {background-color:#FFFFFF !important;float:left !important;}
div#contenu #col-contenu #tab_agenda .spip_form_champ ul {float:left;margin:0 0 0 200px;width:250px;}

div#contenu #col-contenu #tab_agenda ul.tabs-nav { margin:5px 0 3px 0px; padding:0px;}
div#contenu #col-contenu #tab_agenda ul.tabs-nav li {
    list-style:none;
    display:inline;
	background: none;
	padding:0px;
	margin: 0 -2px 0 0 !important;
}
div#contenu #col-contenu #tab_agenda ul.tabs-nav li a {
    background-color: #666666;
    color:#ffebb5;
    padding:4px 10px;
    text-decoration:none;
    font-size:.8em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
	border-bottom: none 0px;
}
div#contenu #col-contenu #tab_agenda ul.tabs-nav li a:hover {
    background-color:#DA2F73;
	color:#FFFFFF;
    border-color:#2f343a;
}
div#contenu #col-contenu #tab_agenda ul.tabs-nav li a.active, div#contenu #col-contenu #tab_agenda ul.tabs-nav li.tabs-selected a {
    background-color:#DA2F73;
    color:#FFFFFF;
    border:1px solid #464c54;
	border-bottom: 0px none;
}
div#contenu #col-contenu #contenu_npai #tab_agenda ul.tabs-nav li a {
    background-color: #666666;
    color:#ffebb5;
    padding:4px 4px;
    text-decoration:none;
    font-size:.8em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
	border-bottom: none 0px;
}
div#contenu #col-contenu #contenu_npai #tab_agenda ul.tabs-nav li a:hover {
    background-color:#DA2F73;
	color:#FFFFFF;
    border-color:#2f343a;
}
div#contenu #col-contenu #contenu_npai #tab_agenda ul.tabs-nav li a.active, div#contenu #col-contenu #contenu_npai #tab_agenda ul.tabs-nav li.tabs-selected a {
    background-color:#DA2F73;
    color:#FFFFFF;
    border:1px solid #464c54;
	border-bottom: 0px none;
}
div#contenu #col-contenu #tab_agenda .tabs-hide {
	display:none;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-nav-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav-nav {
        display: none;
    }
}
.spip_forms .spip_form_ok { background: none !important;}


/*Carousel galerie photos*/
div#contenu #photosGallery .jcarousel-clip {
	width:565px;
	
}

div#contenu #photosGallery .jcarousel-list li, div#contenu #photosGallery .jcarousel-item {
	height:auto;
}

div#contenu #photosGallery ul {margin:0;}
div#contenu #photosGallery ul li {
	float:left;
	padding-left:0;
}

div#contenu #photosGallery {
	background-color: #F1F1F1;
	border:1px solid #999999;
	position:relative;
	margin-top:20px;
}

.wrapperCarousel {
	position:relative;
	margin:20px 40px;
}

div#contenu #photosGallery #prevItem {
	position:absolute;
	top:50%;
	left:5px;
	z-index:3;
	margin-top:-15px;
	cursor:pointer;
}

div#contenu #photosGallery #nextItem {
	position:absolute;
	top:50%;
	right:5px;
	z-index:3;
	margin-top:-15px;
	cursor:pointer;
}


/**
 * @section				easyclearing
 */
div#contenu #photosGallery ul:after {
	content: ".";
    display: block;
	overflow:hidden;
    height: 0;
    clear: both;
    visibility: hidden;
}