/* @override Credits */
/*
Date : 05.06.2009
Auteur : Adrien Heury
Projet : INES
Logiciel : CSS Edit 2.6 - iMac
Commentaire : CSS non valide à 100% à cause de ce p***** de ie6 qu'il faut sans cesse gruger...

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
Gris : #f0f0f0 (bkg et lignes/borders) — #555 (texte foncé) - #a3a3a3 (texte clair)
Noir : #0d0d0d
Jaune : #ffd500
Bleu : #3a487b
-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

@import url("reset.css");
@import url("grid.css"); 
@import url("typography.css");
@import url("wysiwyg.css");

/* Modules */
@import url("module_annuaire.css");
@import url("module_diaporama.css");
@import url("module_evenements.css");
@import url("module_lexique.css");
@import url("module_publication.css");
@import url("module_news.css");
@import url("module_annuaire_formation.css");


body {
	background: #FFF url(../images/bkg-body-repeat.png) repeat-x 0 0;
}

body#francenv, body#anglaisnv {
	background: green;
}
.container {
	background: url(../images/bkg-container-center.png) no-repeat 5px 0;
	position: relative;
}

a.lien_ext {
    /*
	background: url(../images/link.gif) no-repeat right 3px;
	padding: 0 15px 0 0;
	*/
}

a.telec {
	background: url(../images/picto-download.png) no-repeat left 0px;
	padding: 0 0 0 25px;
}

/* @group Header */
.header {
	background: #4b4b4b;
	padding: 10px 0 0 10px;
	/*position: relative;*/
}

.header h1 a {
	background: url(../images/logo-ines.png) no-repeat 0 0;
	display: block;
	height: 81px;
	width: 216px;
	margin: 10px 0 -10px 10px;
	padding: 0;
}

.header h1 span {
	display: none;
}


div.sousHeader {
	width:920px;
	height:360px;
	position:relative;
	
}
div.sousHeader img {
	width:920px;
	height:360px;
	position:absolute;
	top:0;
	left:0;
}

/* Langue */
.header .langue {
	position: absolute;
	top: 10px;
	right: 10px;
}

.header .langue li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.header .langue li a {
	color: #a3a3a3;
	font-size: 11px;
}

.header .langue li a:hover {
	color: #fff;
}

div.outils .referent {
	font-size:10px;
}

/* Outils */
div.outils ul {
	float:right;
	width:105px;
	margin: -15px 0 0 0;
	padding:0;
}
div.outils ul li {
	display:inline;
	list-style-type:none;
	float:left;
}
div.outils ul li a {
	display:block;
}
div.outils ul li span {
	display:none;
}
div.outils ul li.plus a {
	background: url('../images/zoomPlus.png') no-repeat 0 0;
	width:16px;
	height:16px;
	margin-right:10px;
}
div.outils ul li.moins a {
	background: url('../images/zoomMoins.png') no-repeat 0 0;
	width:16px;
	height:16px;
	margin-right:10px;
}
div.outils ul li.ami a {
	background: url('../images/envoyerAmi.png') no-repeat 0 0;
	width:16px;
	height:16px;
	margin-right:10px;
}
div.outils ul li.print a {
	background: url('../images/imprimer.png') no-repeat 0 0;
	width:16px;
	height:16px;
	margin-right:10px;
}

/* Recherche */

.search {
	position: absolute;
	top: 40px;
	right: 15px;
}

.search fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.search fieldset legend {
	display: none;
}

.search fieldset label {
	display: none;
}

.search fieldset .inputTexte {
	border: none;
	width: 100px;
	padding: 3px 10px;
	border: 2px solid #f0f0f0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #a3a3a3;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
}
.search fieldset .inputTexte:focus {
	width: 250px;
}

.search fieldset .valider {
	border: none;
	padding: 0 0 0 0;
	margin: 0;
	color: #fff;
	position: relative;
	top: 5px;
	left: -25px;
}


/* @group Menu principal */
.header .menu {
	float: right;
	margin: 0;
	padding: 0 20px 0 0;
}

.header .menu li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	list-style: none;
}

.header .menu li a {
	text-decoration: none;
	display: block;
	padding: 5px 10px 10px 10px;
}

.header .menu li a {
	_padding: 5px 10px 0 10px;
}

.header .menu li a span.titre {
	color: #fff;
	display: block;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.header .menu li a span.sousTitre {
	color: #a3a3a3;
	display: block;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* Voir MenuMatic.css */

/* @end */

/* @end */

.home .subContainer {
	background: url(../images/bkg-container-repeat.png) repeat-y 5px 0;
}

.interieure .subContainer {
	background: url(../images/bkg-container-repeat-int.png) repeat-y 5px 0;
}

/* @group Gauche */

.gauche {
	margin-right: 20px !important;
}

.gauche img {
	max-width:300px;
}
/* Menu uniquement en home */
.home .gauche .menu ul {
	margin: 20px 0 ;
	padding: 0;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.home .gauche .menu ul li {
	list-style: none;
	padding: 4px 0 6px 0;
	margin: 3px 0 4px 0;
	border-bottom: 1px solid #f0f0f0;
}
/* Menu en page interieure */
.interieure .gauche .menu ul {
	margin: 20px 0 0 0px;
	padding: 0;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.interieure .gauche .menu ul li {
	list-style: none;
	padding: 4px 0 6px 0;
	margin: 3px 0 4px 0;
	border-bottom: 1px solid #f0f0f0;
}
.interieure .gauche .menu ul li a.select {
	font-weight: bold;
	padding: 0 0 0 10px;
	/*margin: 0 0 0 30px;*/
	background: url(../images/puce-select.png) no-repeat -2px 3px;
}


.interieure .gauche .menu ul li ul {

	margin: 0px 0 0 20px;
}
.interieure .gauche .menu ul li ul li {

    border-bottom:0;
    font-size: 11px;
}
.interieure .gauche .menu ul li ul li a.select {

    background: none;
	padding: 0;
}

.interieure .gauche .menu ul li ul li ul li {

    border-bottom:0;
    font-size: 10px;
}

.interieure .gauche .menu ul li ul li ul li ul li {

    border-bottom:0;
    font-size: 9px;
}
.interieure .gauche .menu ul li ul li ul li ul li ul li {

    border-bottom:0;
    font-size: 8px;
}
.interieure .gauche .menu ul li ul li ul li ul li ul li ul li {

    border-bottom:0;
    font-size: 7px;
}

/* @end */

/* @group Droite */

/* Bloc actu INES en home */
.droite .blocActuInes {
	background: #f0f0f0;
	padding: 10px;
	margin: 10px 0;
}

.droite .blocActuInes h2 {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

.droite .blocActuInes .bullet {
	display: block;
	float: left;
	height: 10px;
	width: 10px;
	background: url(../images/bullet-grise.png) no-repeat 0 0;
	margin-right: 2px;
}

.droite .blocActuInes .bullet.select {
	background: url(../images/bullet-noire.png) no-repeat 0 0;
}

.droite .blocActuSolaire .bullet {
	display: block;
	float: left;
	height: 10px;
	width: 10px;
	background: url(../images/bullet-grise.png) no-repeat 0 0;
	margin-right: 2px;
}

.droite .blocActuSolaire .bullet.select {
	background: url(../images/bullet-noire.png) no-repeat 0 0;
}

.droite .blocActuInes span.date {
	display: block;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.droite .blocActuInes a.titre {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 10px;
}

.droite .blocActuInes p {
	margin: 0;
	padding: 0;
	text-align:justify;
}

.droite .blocActuInes img {
	float:left;
	padding-right:5px;
}

/* Bloc actu Solaire en home */
.droite .blocActuSolaire {
	background: #ffd500 url(../images/bkg-bloc-jaune.png) no-repeat 0 0;
	padding: 10px;
	margin: 10px 0;
}

.droite .blocActuSolaire h2 {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

.droite .blocActuSolaire span.date {
	display: block;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.droite .blocActuSolaire img {
	float:left;
	padding-right:5px;
}

.droite .blocActuSolaire a.titre {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 10px;
}

.droite .blocActuSolaire p {
	margin: 0;
	padding: 0;
	text-align:justify;
}


/* Bloc actu privées en home */
.blocActuPrive {
	background: #f0f0f0;
	padding: 10px;
	margin: 10px 0;
}

.blocActuPrive h2 {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

.blocActuPrive .bullet {
	display: block;
	float: left;
	height: 10px;
	width: 10px;
	background: url(../images/bullet-grise.png) no-repeat 0 0;
	margin-right: 2px;
}

.blocActuPrive .bullet.select {
	background: url(../images/bullet-noire.png) no-repeat 0 0;
}

.blocActuPrive .bullet {
	display: block;
	float: left;
	height: 10px;
	width: 10px;
	background: url(../images/bullet-grise.png) no-repeat 0 0;
	margin-right: 2px;
}

.blocActuPrive .bullet.select {
	background: url(../images/bullet-noire.png) no-repeat 0 0;
}

.blocActuPrive span.date {
	display: block;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.blocActuPrive a.titre {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 10px;
}

.blocActuPrive p {
	margin: 0;
	padding: 0;
	text-align:justify;
}

.blocActuPrive img {
	float:left;
	padding-right:5px;
}

/* @end */

/* @group Centre */

.centre {
	margin-right: 20px !important;
	padding-top: 20px;
}

/* Centre home */
.home .centre p {
	font-size: 13px;
	color: #555;
	margin: 0 0 30px 0;
	padding: 0;
}

.home .centre h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.home .centre h3 {
	font-size: 12px;
	color: #a3a3a3;
	margin: 0 0 10px 30px;
	padding: 0;
}

.home .centre p.texte {
	color: #555;
	font-size: 12px;
	margin: 0 0 20px 30px;
}

/* @end */

/* @group Bas */

.footer {
	border-top: 1px solid #f0f0f0;
	padding: 10px 0;
}

.footer img {
	vertical-align:middle;
}

.footerImage {
	height: 25px;
	padding: 20px 0 0 0;
	background: url(../images/bkg-footer-center.png) no-repeat 5px 0;
	color: #a3a3a3;
	font-size: 10px;
}

.footerImage a {
	color: #a3a3a3;
}

.footerImage a:hover {
	color: #000;
}

.footerImage .handmade {
	background: url(../images/handmade-gris.gif) no-repeat 0 0;
	display: block;
	width: 95px;
	height: 10px;
	float: right;
}

.footerImage .handmade span {
	display: none;
}

/* @end */


/* @group Formulaires */

form fieldset {
	margin-bottom: 20px;
	padding: 10px;
	border:1px solid #F4F4F4;
}

form fieldset legend {
	margin: 0;
	padding : 0 10px;
	font-weight: bold;
	font-size: 14px;
}

form fieldset div {
	margin: 5px 0;
	padding: 0;
}

form fieldset div label {
	margin: 0;
	padding : 6px 10px 0 0;
	width : 150px;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}

div.oblig {
	border:1px solid red;
	padding:10px;
}
.oblig {
	color: #f00;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px 5px 5px 0;
	float: left;
}
*+html Moteur select{
	margin: 5px;
	border: none;
}


input, textarea {
	padding: 3px;
}

input.submit {
	font-weight: bold;
}

input.erreur, textarea.erreur {
	border:1px solid red;
}
/* @end */


/* @group Pagination */
div#pagination {
	float:right;
}
div#pagination ul li {
	display:inline;
	list-style-type:none;
}

/* @end */

form#inscriptionnewsletter label {
	width:200px;
}


.visiteinteractive img{

    margin-right: 10px;
}
.visiteinteractive ul{

    list-style: none;
}

.message, .formINDIC{

    background:#FCFFCB none repeat scroll 0 0;
    border:1px solid #D0D2B2;
    color:#5D5E50;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0;
    padding:5px;
}

.alphabet {
    margin: 30px 0;
}

.alphabet a {
    padding: 2px 3px;
    margin-left: 3px;
    color: #333;
}
.alphabet a:hover, .alphabet a.selected {
    background: #333;
    color: #CCC;
}

.msgerror {
    color: #690000;
    margin: 20px 0;
    padding: 10px;
    background: #FFE0E0;
    border-bottom: 1px solid #FF0000;
    border-top: 1px solid #FF0000;
}

.interieure .gauche .menu.partenaires ul {
    margin-top: 0px;
}

.menu h3 {
    margin-top: 40px;
    margin-bottom: 0px;
    padding: 7px 10px;
    font-size: 14px;
    background: #4B4B4B;
    color: #FFF;
    font-weight: normal;
    border-radius: 10px 10px 0px 0px;
}

.menu.partenaires .lien_login {
    display: block;
    margin: 30px 0;
    padding: 7px 10px;
    font-size: 14px;
    background: #4B4B4B;
    color: #FFF;
    font-weight: normal;
    border-radius: 10px;
}

.news h3 a {
    color: #000;
}

body.home .subContainer {
    position: relative;
}
#unehome {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 9999999;
    width: 240px;
    height: 320px;
    background: #4B4B4B;
    padding: 10px;
    overflow: hidden;
    line-height: 1.5;
    color: #DDD;
    opacity: 0.9;
}
#unehome h3 {
    color: #FFF;
    font-size: 16px;
}
#unehome > div {
    margin: 10px 0;
}