/*
CSS Styles éditeur TYPO3 

v1.01  - 10/08/06 - modification des styles, renommage
v1.0 lancement de TYPO3 chez Keljob

*/

/* Customization des titres pour les articles */


.left5 h1 {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 5px;
}

.left5 h2 {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 5px;
}

.left5 h3 {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0 0 5px;
	text-decoration: underline;
}

/*********************************************************************************************
Homepage Edito
*********************************************************************************************/

.sommaireGeneral {
	color: #FF0066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #FF0066;
	text-align: left;
	font-weight: bold;
	display: block;
	margin-left: 10px;
}

/*********************************************************************************************
Articles
*********************************************************************************************/
/* BCT, navigation */

.navigationArticles {
	text-align: center;
	padding: 0px;
}


.bctCms {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0066;
	font-weight: bold;
	margin-left:5px;
}

.bctCms a:link {
text-decoration: none;
color: #FF0066;
}

.bctCms a:hover {
text-decoration: none;
color: #FF0066;	
}

.bctCms a:visited {
text-decoration: none;
color: #FF0066;
}

/* Titre de l'article */

.sous_titre {
	font-weight: bold;
}


.retraitArticles {
	margin-left: 20px;
}

/* Pavé sommaire */

.backgroundSommaire {
background-color: #F7F7F7;
padding: 5px 5px 5px 5px;
margin: 10px 0px 10px 5px; /* marge extérieure */
width: 300px;
border: 1px solid #FF0066;
}

/* Affichage de deux colonnes (conseils carriere par ex) */


.category { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#110B54;
font-weight: bold;
padding-left: 15px;
}

.colonne {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#110B54;
	width: 240px;
	float: left;
}

#row {
   width: 480px;
	clear:left;
}


#row ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
   }
	.entete {
		background-color: #D8C8E6;
	}
	
	
	
/*********************************************************************************************
CSS roundbox (http://www.neuroticweb.com/recursos/css-rounded-box/)
*********************************************************************************************/
	
	
/* set millions of background images */
.rbroundboxleft { background: url(../images/roundbox/nt.gif) repeat; }
.rbtop div { background: url(../images/roundbox/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/roundbox/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/roundbox/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/roundbox/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundboxleft { width: 46%; margin: 1em auto; float:left;}

.rbroundboxright { background: url(../images/roundbox/nt.gif) repeat; }
.rbroundboxright { width: 46%; margin: 1em auto; float:right; margin-right:12px;}

#liste_conseils {
	margin-left: 5px;
}
#liste_conseils ul{display:block;list-style-type: none ;border:0px solid  #000;line-height:120%;}
#liste_conseils ul li{margin-top:5px;background-repeat:no-repeat;background-image:url(../images/puce_fleche.gif);padding-left:14px;background-position:0px 2px;}
		
.spc {
  clear: both;
}
		
/*********************************************************************************************
CSS Styler Content (Nouvelle version)
*********************************************************************************************/

.bodytext {
   font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

#conteneur_offre_detail div.csc-header h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#110B54;
}
/*********************************************************************************************
CSS CMS -> Editeur RTE User friendly
*********************************************************************************************/


/* 
v 1.01 Nouveaux styles - 22/06/06
Styles + clairs

*/

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.justifie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align : justify;
	padding: 0px;
	margin: 0px 0px;
}

.italique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style : italic;
}

.centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align : center;
}

.gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}

.gras-centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align : center;
}

.gras-droite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align : right;
}

.gras-italique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	font-style : italic;
}

.gras-souligne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight : bold;
	text-decoration : underline;
}

.paragraphe-centre img {
	margin: auto;
}

.paragraphe-normal {
	font-size:11px;
	 color:#000;
	 font-weight:normal;
}

.texte-rouge {
	color: Red;
}

.texte-vert {
	color: #228B22;
}

.texte-bleu {
	color: #0000CD;
}

.texte-big-noir  {	
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}

#o_content .chevron {
	color:#FF6600;
}

/* copyright en bas des articles */

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style : italic;
}

/* marges des listes à puce */

.av4 ul {
	list-style-type:none;
	padding-left: 5px;
   background:transparent;
   margin-bottom: 0;
	margin-left: 0px;
}

.av4 li {
    list-style-type:none;
    padding-left: 8px;
    background: url(../images/ico_fleche_bleu.gif) left no-repeat ;
	
}


span.gras {
	font-weight: bold;
}

span.italique {
	font-style: italic;
}

span.souligne {
	text-decoration: underline;
}

#conteneur_offre_detail li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin: 5px 0 5px 15px;
}

/* Fix pour l'éditeur */

a img
{
  border:  none ;
}

a.external_link {}
a.external_link_new_window {}
a.internal_link {}
a.internal_link_new_window {}
a.download {}
a.mail {}


/* Styles pour les textes */