@charset "iso-8859-1";

* {margin: 0;   padding: 0;}

/*body {background: #353e7e url("../images/bkg_body2.gif"); font: 12px/14px Verdana, Arial, Helvetica, sans-serif;}*/
body {padding: 0 0 20px; background: #fff; color:#333; font: 0.8em sans-serif}

a, a:link, a:visited {text-decoration: none; color: #3742D7;}

a:hover {text-decoration: underline;}

img {border: 0}

/* BLOCS PRINCIPAUX */
/*#container {width: 728px; position: relative; top: 0; left: 50%; margin-left: -364px; background-color: #fff; background: url("../images/main_bkg.gif");}*/
#container {min-width:770px; max-width:965px; margin: 0 auto; position:relative}

/*#header {height: 250px; width:687px; background: #fff url("../images/header4.png") no-repeat;  margin:0 0 0 20px;}*/
#header {height: 250px; margin:0 0 0 0; background: #fff url("../images/header.png") no-repeat; background-position: -12px -30px;}
#carousel {position: absolute; left: 250px; top: 50px;}

#banniere {margin: -100px 0 0 255px;}

#main {position:relative; margin: 20px 0 0 0; width:100%;}

/*#sousMenu {background-color: #ddf; width: 125px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; margin: 30px 0 0 5px;}*/
#sousMenu {position:absolute; left:0; top:0; background-color: #fff; width: 190px;  border-top: 5px solid black; border-bottom: 1px solid black;}

#contenuArticle {overflow: hidden; min-height: 500px; margin: 0 200px 0 200px; padding: 0 10px 20px 10px; background: transparent url("../images/bkg_butterfly3.png") no-repeat bottom right;}

#article {}

#bandeauArticle {text-shadow:#ddd 1px 1px; background:#f7f7ff; padding: 5px 0 0 5px; border-bottom: solid 1px #C6C6FF;}
#miseAJourArticle {position:absolute;}
#sousMenuArticle {text-align: right; overflow: hidden;}

#colonneDroite {position:absolute; top:0; right:0; width:190px; border-top:5px solid black; border-bottom:1px solid black;}
#colonneDroite .annonce{margin:1px 0 5px 0; border-top:1px solid black;}
#colonneDroite h1 {letter-spacing: 0; font-weight: bold; margin: 3px 0 5px 0; color:#000; border-bottom: 1px solid #eee; padding-bottom: .1em; font-size:16px;}
a.facebook {background: transparent url("../images/facebook.png") no-repeat;
	margin: 10px 0 10px 35px;	
	display:block;
	height:35px;
	width:120px;
	text-indent:-9999px;
}

a.facebook:hover
{
	background-position:0 -35px;
}

a.viadeo {background: transparent url("../images/viadeo.png") no-repeat; 
	margin: 10px 0 10px 35px;	
	display:block;
	height:35px;
	width:120px;
	text-indent:-9999px;
}

a.viadeo:hover
{
	/*background-position:0 -35px;*/
}

#footer {clear: both; min-width:770px; max-width:1200px; margin:0 0 0 0; background: #fff; border-top: 1px solid;}

#footerLeft {position: absolute;}
#footerRight {position: absolute; right:0}

/*#privatezone {position: absolute;   top: 10px;   right: 21px;   width: 170px;   height: 132px;}*/
#privatezone {position: absolute;   top: 143px;   left: 0;   width: 235px;}

/* ; BLOC RECHERCHE */
#recherche {display: none;}

#firstPlanFrame {margin: 0 auto; position: fixed; top: 200px; left: 500px; width: 300px; height: 300px; border: 20px solid #f0f8ff; background-color: #f0f8ff; 
-moz-border-radius: 20px;
-webkit-border-radius: 20px; 
border-radius: 20px;}
#firstPlanBackground {opacity: 0.5; width: 100%; height: 100%; position: absolute; background-color: #333; left: 0; top: 0;}
#firstPlanFrameClose {position: absolute; top: 0px; right: 5px;}
#firstPlanFrame h1 {font-size: 1em;}
#firstPlanFrame p {}
#firstPlanFrame li {margin: 0 0 0 25px;}

/* BLOC HEADER */
#header h1 {font-size: 22px;   text-indent: -9999px;}

#header h1 a {display: block; width: 250px;   height: 140px;}

#header h2 {display: block;   font-size: 24px;   position: absolute;   top: 40px;   left: 280px;   color: #0000a0;}

#carousel h1 { text-indent: 0;}
#carousel ul {margin: 0 0 0 50px;}

div.info {border: 1px solid #00f; background: #eef; margin-bottom : 5px;}
div.erreur {border: 1px solid #f00; background: #fee; margin-bottom : 5px;}
div.alerte {border: 1px solid #f00; background: #fee; margin-bottom : 5px;}


/* BLOC MAIN */
/*#main h3 {font: 22px bold arial, helvetica, sans-serif;}*/

/*#main h4 {font: 16px georgia;   font-weight: bold;   margin: 10px 0px 0px 0px;   padding: 18px 0px 15px 0px;   background: url("../images/h1_under.gif") no-repeat;   color: #000f7c;}*/
#main h1, h2, h3, h4 {letter-spacing: 0px; font-weight: bold; margin: 1.2em 0 .3em; color:#000; border-bottom: 1px solid #eee; padding-bottom: .1em}
#main h1 {font-size: 22px;}
#main h2 {font-size: 16px; margin-left: 10px;}

#main p {margin-bottom:2px;}

#main p.paragraphe1 {text-indent: 20px; text-align: justify; margin-top: 10px;}
#main p.paragraphe2 {text-align: center;}
#main p.paragraphe3 { font-style: italic;   text-align: center; padding: 10px 0px 0px 0px;}

p.champ {margin: 10px 0 0 0; font-weight: bold;}

/* Mise en forme des formulaires */

input {margin: 0px 0 00px 0; background-color: #ddf; border: 1px solid #00f;}

input.radio                       {}
input.pwd                           {}
input.listeDeroulante   {}
input.checkbox                 {}
input.inputFichier	     {}
input.inputText               {}
input.textObligatoire   {border: 1px solid #f00; background-color: #fdd;}
input.textVerrouille     {border: 1px solid #555; background-color: #ddd; color:#555;}
input.formulaire             {}
input.formulaire_oblig {}
input.bouton                     {margin-top: 20px;}

select {background-color: #ddf; border: 1px solid #00f;}
select.formulaire {}

textarea     {font: 1em sans-serif; background-color: #ddf; border: 1px solid #00f;}
textarea.textArea     {}
textarea.formulaire {}

/*-------------------------------*/

#zoneNews                                  {margin-bottom: 20px; width: 100%;}
/*#zoneNews h1                             {margin-bottom: 0px; text-align: left; border-bottom: 1px dashed #6d7e8f; background: transparent url("../images/journal.gif") no-repeat right;}*/
#zoneNews h1                             {font-size: 12px; margin-bottom: 0px; text-align: left; border-bottom: 1px dashed #6d7e8f; background: transparent url("../images/journal.gif") no-repeat right;}
/*#zoneNews h2                             {font-size: 14px; font-weight:bold; text-align: justify;}*/
#zoneNews h2                             {font-size: 12px; margin-bottom: 0px; text-align: left; font-weight:bold;}
#zoneNews strong.new                {font-size: 10px; color:red; font-weight:bold;}
#zoneNews strong.date              {font-size: 12px;}
#zoneNews strong.titre            {font-size: 18px; font-weight:bold; color:#39C;}
#zoneNews p                               {margin: 0 0 0 0;}
#zoneNews p.diffusion_news {font-size: 10px; color:#aaa; text-align: justify;}


#main ul {margin: 0px 0px 0px 50px; list-style-type:  square;}

#main li {}

#main table {border-collapse: collapse;   text-align: center;  margin: 10px auto;   border: double #fc8000;   width: 500px;}

#main th {background-color: #ddf; border: 1px solid #fc8000;}

#main td {border: 1px dotted #fc8000; width: 50px;}

p.alerte {margin-bottom:10px; color:#dd0000; text-align: center;}

/* BLOC MENU */

#sousMenu div{overflow:hidden;}

#sousMenu h3 {font-size: 12px; font-weight: bold; text-align: left; padding: 0px 15px 0px 0px; border-top: 1px solid; border-bottom: 1px solid #ccc; margin : 1px 0 0px 0; }
#sousMenu h3 a {padding: 5px 0 5px 15px; color: #000; z-index: 1;}

#sousMenu ul {list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px 0 0px 0px;}

#sousMenu li {display: block; padding: 0px 0 0px 0px; margin: 0 0px 0 0px; border-top: 1px solid #fff;border-bottom: 1px solid #eee}

#sousMenu a {display:block; padding: 5px 0 5px 15px; }
#sousMenu a.nonactif {color:#000; }
#sousMenu a.actif {color:#33f; background-color:#fff; font-weight: bold;}

#sousMenu a:hover {text-decoration: none; background:#eef;}

#anciens, #recruteurs, #assoce, #visiter {border-bottom: 1px solid;   padding: 0 0 10px 0; width:100px;}

#anciens h3 {background: #353e7e;}

#recruteurs h3 {background: #353e7e;}

#assoce h3 {background: #353e7e;}

#visiter h3 {background: #353e7e;}

/* BLOC FOOTER */
#footer ul {margin: 2px 0 0px 0; padding: 0 0 0px 0;}

#footer li {list-style-type: none; display: inline; margin: 0 10px 0 10px}

#mentions {border-top: 1px solid; text-align: center; color: #000; margin:23px 0 0 0;}

/* BLOC PRIVATEZONE */
#privatezone input {margin: 8px 0px 0px 0px; font-size:10px;}

#login, #pwd {margin: 8px 0px 0px 0px;   width: 120px;   background-color: #ddf;   border: 1px solid #00f;}

#privatezone form {text-align: center;}

#privatezone td {vertical-align: top;}

#privatezone p {font-size: 10px; color: #000;   margin: 10px 0px 0px 4px;}

#recherche p {font-size: 11px;}

#cherche {width: 120px;   background-color: #ddf;   border: 1px solid #00f;}

/* MESSAGE D'ALERTE */
#message_alerte p {color: #ff8000; margin:  0px 0px 0px 8px; text-align: center; background: #ddddff;}

/* Fin de la section de style généré par WebExpert le 12/09/2005 12:25:41 */