*{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style-type:none;
	font-family: Helvetica, sans-serif;
}

.gras {
	font-weight:bold;
}

/*
**  ELEMENTS PRINCIPAUX DE LA PAGE 
*/
body { background-color:#F7F7F7; }
img { border:0;margin:0; }

#fondbleu
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height : 162px;
  background : url(../../img/default/fondbleu.png) repeat-x;
}

#block
{
  position:relative;
  width : 804px;
  margin : 22px auto;		
  z-index:10;
}

#tetiere
{
	z-index:10;
	width:800px;	
 	height:140px;
 	background : url("../../img/default/tetiere_slogan.png") no-repeat center;
}

#menu
{
  position:relative;
  top:0;		
  z-index:2;
  height: 31px;
  width:803px;
}

#contenu
{
	padding:0px;
	margin:0px;
	width: 802px;
	border-left: .05em solid black;
	border-right: .05em solid black;
	border-bottom: .05em solid black;
	overflow:hidden;
	background-color: #fff;
}

#contenu>div
{
	overflow: hidden;
}
#gauche 
{
	float:left;
	z-index:0;
	width:24.5%;
	background-color: #fff;
}
#droite
{
	float: right;
	z-index:0;
	width:75.5%;
	padding-top:15px;
	background-color:white;
}

#pied
{
	clear:both;
}

.pieddepage
{
	font-size: 0.67em;
	font-style: italic;
	text-align: center;
	line-height:5em;
}
.pieddepage img
{
		vertical-align:middle;
}

/*
**  Classes communes � plusieurs pages
*/



/* Code CSS des pages main.php */

#main{
	width:90%;
	margin: 5px auto;
	color:black;
}


#main dl {
	float:left;
	width:110px;
	height:130px;
	margin-bottom:15px;
}

#main dd {
	text-align:center;
}

#main .center {
	margin-left:30px;
}

#main .marge1 {
	margin-left:10px;
}

#main dd a {
	font-style:italic;
	font-family: Tahoma, Verdana;
	color: #000;
}

#main dd a:hover {
	text-decoration:underline;
}

/* TOOL TIPS Boite d'info */

a.boiteinfo{
	color:#000;
	font-weight:bold;
}

a.boiteinfo:after{
	Content:url(../../img/default/boiteinfo.png);
}

a.boiteinfo em {
    display:none;
}

a.boiteinfo:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}

a.boiteinfo:hover em {
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
	padding-left:32px;
	background:url(../../img/default/iconboiteinfo.png) no-repeat #ffc;
    color: #000;
    border: 1px solid #bbb;
    width:170px;
	font-weight:normal;
}

a.boiteinfo:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(../../img/default/coininfobulle.png);
    margin:0;
    padding: 0;
    border: 0;
}

#main>h3{
	text-align:right;
	border-bottom:1px solid #e7007b;
	font-style:italic;
}
/*
** Le div knowmore permet la mise en page d'un dl/dt/dd pour les informations
** complementaire.
*/
#knowmore
{
	float:left;
	width:100%;
	padding-bottom:15px;
}
#knowmore dt
{
	background-color:#007dba;
	padding-left:3px;
	color:white;
	font-variant:small-caps;
}
#knowmore dd
{
	margin-left:40px;
	background-color:#ffe79c;
	padding-left:20px;
}
#knowmore dd.boussole{
	float:left;
	margin-left:0px;
	background-color:transparent;
}
#knowmore a{
	color:black;
}
#knowmore a:before{
	content:"-> ";
}
#knowmore a:hover{
	text-decoration:underline;	
}

/*
** Les bloc pour mettre en page les paragraphe de texte
** Bloc1 couleur de bordure gauche rouge
** Bloc2 couleur de bordure gauche bleu
** Bloc3 couleur de bordure gauche jaune
** Chaque bloc a la premiere ligne en gras.
*/

#bloc1
{
	margin-top:10px;
	margin-left:15px;
	border-left:5px solid #e7007b;
	margin-bottom:15px;
	padding-left:15px;
}
#bloc2
{
	margin-left:15px;
	border-left:5px solid #007dba;
	margin-bottom:15px;
	padding-left:15px;
}
#bloc3{
	margin-left:15px;
	border-left:5px solid #fed53a;
	margin-bottom:15px;
	padding-left:15px;
}
#bloc4
{
	margin-top:10px;
	margin-left:15px;
	border-left:5px solid #e7007b;
	margin-bottom:15px;
	padding-left:15px;
}
#bloc5
{
	margin-left:15px;
	border-left:5px solid #007dba;
	margin-bottom:15px;
	padding-left:15px;
}
#bloc6{
	margin-left:15px;
	border-left:5px solid #fed53a;
	margin-bottom:15px;
	padding-left:15px;
}
#bloc_main{
	margin-left:15px;
	border-left: none;
	margin-bottom:15px;
	padding-left:15px;
}
/*
** Affichage des listes dans les #bloc
*/
#bloc1 ul,#bloc2 ul,#bloc3 ul, #bloc1 li,#bloc2 li,#bloc3 li,
#bloc4 ul,#bloc5 ul,#bloc6 ul, #bloc4 li,#bloc5 li,#bloc6 li{
	margin-left:10px;
	list-style-image: url('../../../img/default/ico_fleche_bleu.png');
}

/*
** Affichage des p dans les #bloc
*/
#bloc1 p:first-line,#bloc2 p:first-line,#bloc3 p:first-line,
#bloc4 p:first-line,#bloc5 p:first-line,#bloc6 p:first-line{
	font-weight:bold;
}
/*
** La classe titre permet d'avoir les h3 fond jaune texte gras
*/
h3.titre
{
	margin: 1em 0 0 1.5em;
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#ffefa5;
	text-indent:15px;
	font-size: 20px;
	font-family: "Times New Roman", Arial, Georgia, "Trebuchet MS";
}



#attention{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	background-image: url(../../../img/default/attention.png);
	background-repeat:no-repeat;
	background-position: left;
	height:65px;
	text-align:justify;
	border:1px solid #e7007b;
	padding-left:50px;
	padding-right:10px;
	
}
span.italic{
	font-style:italic;
}
/*
** Attente ajax
*/
#attente{
	
}


/*
** ROUNDED CORNER
*/

/* -- boite (contour arrondi) STANDARD FOND BLANC-- */

.contenu {
	margin-left: 14px;
	margin-right:14px;
	background-color:white;
}

.bordG{
 display:block;
 float:left;
 width: 100%; 
 margin: 0px auto;
 padding: 0;
 background-image: url(../../img/default/rounded/cen_lef.gif); 
 background-repeat: repeat-y;
 background-position: left;
}
.bordD{
 display:block;
 float:right;
 width:100%;
 margin: 0px auto;
 padding: 0;
 background-image: url(../../img/default/rounded/cen_rig.gif);
 background-repeat: repeat-y;
 background-position: right;
}

.bordGhaut, .bordGbas {
 float:left;
 width:auto;
 margin: 0; 
 padding: 0;
}
.bordDhaut, .bordDbas {
 float:right;
 width: auto;
 margin: 0; 
 padding: 0;
}

.bordhaut, .bordbas {
 clear:both;
 height:16px;
 margin: 0px; 
 padding: 0px; 
 background-repeat: repeat-x; 
 background-position: left;

}
.bordhaut {
 background-image: url(../../img/default/rounded/top_mid.gif);
}
.bordbas {
 background-image: url(../../img/default/rounded/bot_mid.gif);
}	
.haut, .bas {
 margin:0;
 padding:0;
}


/*
** Rounded corder Rouge pour actu premiere page
-----------------------------------------*/

.contenur {
	margin-left: 14px;
	margin-right:14px;
	background-color:white;
}

.bordGr{
 display:block;
 float:left;
 width: 100%; 
 margin: 0px auto;
 padding: 0;
 background-image: url(../../img/default/rounded/cen_lef.gif); 
 background-repeat: repeat-y;
 background-position: left;
}
.bordDr{
 display:block;
 float:right;
 width:100%;
 margin: 0px auto;
 padding: 0;
 background-image: url(../../img/default/rounded/cen_rig.gif);
 background-repeat: repeat-y;
 background-position: right;
}

.bordGhautr, .bordGbasr {
 float:left;
 width:auto;
 margin: 0; 
 padding: 0;
}
.bordDhautr, .bordDbasr {
 float:right;
 width: auto;
 margin: 0; 
 padding: 0;
}

.bordhautr, .bordbasr {
 clear:both;
 height:16px;
 margin: 0px; 
 padding: 0px; 
 background-repeat: repeat-x; 
 background-position: left;

}
.bordhautr {
 background-image: url(../../img/default/rounded/top_mid_r.gif);
}
.bordbasr {
 background-image: url(../../img/default/rounded/bot_mid_r.gif);
}	



/* 
* Blocquote (cr�er pour Emploi -> Entreprise)
---------------------------------------- */


blockquote {
	margin-top:10px;
	display:block !important;
	padding:20px 20px;
	text-align:justify;
}

blockquote p {
	font-family: "Trebuchet MS";
	font-style:italic;
	line-height:0px;
	color:black;
	display:inline;
}

blockquote p:before, blockquote p:after { 
    color: #e7007b; 
    line-height:0px; 
    font-size:3em; 
} 
blockquote p:before { 
    content: open-quote; 
	line-height:.3em;
    vertical-align:-15px;
	padding-right:20px;
} 

blockquote p:after{
	content: close-quote;
	line-height:.3;
	vertical-align:-23px;
	font-size:3em;
}

/*
* Event
-------------------------------------------*/
dl.event
{
	width:90%;
	margin: 15px auto 10px 45px;
	padding: 0;
	font-size: 0.9em;
}


.event dt
{
	margin-left: 11px;
	margin-bottom: 4px;
	font-size:28px;
	font-style:italic;
	font-weight: bold;
}

.event dd
{
	margin: 0  0 17px 40px;
	padding: 5px 5px 5px 5px;
	border: 1.5px solid #007dba;
	text-align:justify;
}
/* ------------------------------------ */
/*				CLASS			 		*/
/* ------------------------------------ */
.parenthese
{
	font-size			:	13px;
}