/***************************************************************************************************************
** G�niecube Cam�l�on
** Css sp�cifique
** Add-Online, www.addonline.fr
***************************************************************************************************************/

body {
	background-color: #ffffff;
	font: 12px Arial;

}

/* cadre rose, on d�cide du mode de r�p�tition */
#cadre {
	background-color:#FFFFFF;
	background-repeat: repeat;
	
}

/* cadre violet, l'image peut �tre centr�e ou r�p�t�e en x */
#cadre_2 {
	background-repeat: repeat-x;
}

/* hauteur du bandeau (navigation comprise) */
#header {
	height:210px;
	background: url(../images/base/header.jpg) no-repeat;
}

/* taille et emplacement du lien de retour � l'accueil */
#header a.tohome {
	width:370px;
	height:60px;
	top:15px;
	left:0px;
}

/* position de la barre de langue */
#langues {
	top:12px;
	right:16px;
}



/* Bloc de recherche
** largeur du champ de texte
 */
 #recherche{
 margin-top:22px;
 }
#recherche #txt_keywords {
	height:17px;
	line-height:17px;
	top:19px;
	width:135px;
}

#recherche span, #publications span, #evenement span, #contact span, #infos span{
	font-weight:normal;
	font-size:12px;
	font:arial;
	color:#ffffff;
	top:4px;
	margin-left:26px;
	position:relative;
}



/**********************************************************************************************/
/* Bloc de menu vertical / horizontal
** Apparence et alignement du texte
** ATTENTION : d�finir la couleur sur le 'a'
*/

/* menu v > niveau 1 */
.menuv h1 a {
	color:#e2001a;
	font-size:15px;
	font-weight:bold;
	font:arial;
}
.menuv h1 a:hover {}

/* menu h > niveau 1 > apparence du texte */
#navh ul li a.hnormale,
#navh ul li a.hhover,
#navh ul li a.hhoverl {
	font-size:15px;
	font-weight:normal;
	font:arial;
	margin-top:-1px;
}
/* alignement horizontal des libell�s de niveau 1 */
.menuv h1 span {
	padding-left:13px; 
}
/* alignement horizontal des libell�s de niveau 2 */
.menuv h2 span {
	padding-left:28px;
}
/* alignement horizontal des libell�s de niveau 3 et plus */
.smenuv span {
	padding-left:32px;
}
/* menu h > niveau 1 > out */
#navh a.hnormale {
	color:#fff;
}

/* menu h > niveau 1 > hover */
#navh a.hhover, #navh a.hhoverl {
	color:#0084ff;
	
}

/* menu h > niveau 2 et plus > out */
/* menu v > niveau 3 et plus > out */
.smenuv a.snormale {
	color:#414141;
	font:arail;
	font-size:12px;
}

/* menu h > niveau 2 et plus > hover */
/* menu v > niveau 3 et plus > hover */
.smenuv a.shover, .smenuv a.shoverl {
	color:#0084ff;
}

/* menu v > niveau 1 > out */
.menuv a.hnormale {
	color:#000;
}

/* menu v > niveau 1 > hover */
.menuv a.hhover, .menuv a.hhoverl {
	color:#e2001a;
}
#colonnecentre {
	float:left;
	width:604px;
	/*background-color:#2b3c92;*/
	background: url(../images/base/colonnedroite.gif) repeat-y ;
	
	margin-top:22px;
}
/**********************************************************************************************/
/* Bloc d'actualit�
** Apparence et alignement du texte
*/
#actualite{
height:100%;
margin-top:22px;
background:none;
}

#actualite h1{
	height:25px;
	width:180px;
	background:url(../images/base/deb_actualite.gif) no-repeat;
}
#actualite h1 span{
	font-size:12px;
	color:#fff;
	font-weight:normal;
	left:26px;
	top:4px;
}
#actualite .fin_actu{
	height:4px;
	width:180px;
	dsiplay:block;
	background:url(../images/base/fin_actualite.gif) no-repeat;
}
/* alignement hozitonale des news flash */
#flashnews {
	padding: 10px 10px 0px 10px;
	background-color:#e0e0e0;
	background-repeat:repeat-y;
	display:block;
	height:375px;
}

/**********************************************************************************************/
/* Boutons sp�cifiques
** Hauteur
** Alignement du lien
** image d'arri�re plan
*/


.droite {
	background-image: url(../images/btn_droite.gif);
	height:104px;
}
.droite a {
	top:25px;
	right:0;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	width:175px;
	padding: 0 0 48px 5px;
	line-height:31px;
}


#footer li {
	border-color:#0084ff;
}

#footer a {
	color:#414141;
}

/* alignement horizontale du logo client de retour � l'accueil */
#footer .tohome {
	left:0px;
}
#addonline a#toaddonline {
color:#FFFFFF;
}
/**************** colonne gauche***********************/

#publications{
   background:url(../images/publications.gif) no-repeat;
   width:180px;
   margin-top:8px;
   color:#414141;
   font:arial;
   font-size:12px;
   font-weight:normal;
}

#evenement{
   background:url(../images/evenement.gif) no-repeat;
   width:180px;
   height:82px;
   margin-top:22px;
}

#evenement p, #publications p {
	font-size: 11px;
	margin: 18px 11px 0 11px;
	padding: 0;
	font-family: Arial;
	background: url(../images/puce2.gif) no-repeat 110px 32px;
}

#publications p {
	background-position: 60px 32px;
}

#evenement p a, #publications p a {
	color: #7e7e7e;
}

#contact{
   background:url(../images/contact.gif) no-repeat;
   width:180px;
   height:271px;
   margin-top:22px;
}

#contact p {
	font-size: 12px;
	font-family: Arial;
	background: url(../images/contactSeparation.gif) no-repeat bottom;
	padding: 7px 11px;
	margin: 0;
	color: #414141;
}

#contact p a {
	color: #0084ff;
	font-weight: bold;
}

#contact p.first {
	margin-top: 10px;
}
#contact p.last {
	background: none;
}

#contact ul {
	list-style-type: none;
	color:#414141;
	margin: -5px 0 0 0;
	padding: 0;
	font-size: 11px;
}

#contact ul li {
	padding-left: 25px;
	margin-bottom: 10px;
	background: url(../images/puce.gif) no-repeat 10px 4px;
}

#infos{
   background:url(../images/infos.gif) no-repeat;
   width:180px;
   height:89px;
   margin-top:22px;
   position:relative;
}

#recherche #btn_search {
	top: 18px;
}

/* Actualités */
#actualite h1 {
	height: 25px;
}

.newscontainer {
	overflow:auto;
	zoom:1;
	padding-bottom: 10px;
	margin-bottom:10px;
	border-bottom: 1px solid #cccccc;
}

.newstitre {
	font-size:15px;
	border-bottom: 1px solid #cccccc;
	padding-bottom:2px;
	margin-bottom:10px;
	text-transform:uppercase;
	color: #787878;
	position: relative;
}

.newsdate {
	position:absolute;
	right:17px;
}

.newscontainer img {
	float:left;
	border:1px solid #cccccc;
	margin: 0 10px 0 0;
}

.newsdescription {
	margin:0;
	padding:0;
	float:left;
	text-align:justify;
}

#newsarchive {
	margin-top:15px;
	color: #787878;
}

.listannonces {
	color: #787878;
}

#newsarchive a {
	color:#cccccc;
	text-decoration:none;
}

#newsarchive a:hover {
	text-decoration:underline;
	color:#0084FF;
}

.ligneretour {
	margin-top: 10px;
}

.ligneretour a {
	font-weight:bold;
	color:#787878;
	text-decoration:none;
	font-size:11px;
}
.ligneretour a:hover {text-decoration:underline;}

.content_news .txt a.lire_suite{
	float:right;
	font:bold 11px arial;
	color:#787878;
	text-decoration:underline;
	padding:5px 0 0 0;

}			
		
.content_news .txt a:hover.lire_suite{
	color:#0084FF;
	text-decoration:underline;
}	

.tout_news {
	color: #787878;
	display: block;
	margin: 10px 20px 0 0;
	text-align: right;
	font-weight: bold;
}

/**********************************************************************************************/
/* Modele de titre */
.modeleTitre {
	background: url(../images/base/titre.gif) no-repeat 0 4px;
	padding-left: 15px;
}
.modeleTitre h1 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #555555;
	font-weight: normal;
}
.modeleTitre a {
	color: #000;
	text-decoration: underline;
}

/* Modele de puce */
.modelePuce h2 {
	background: url(../images/base/puce.gif) no-repeat 0 5px;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 12px;
	font-weight: normal;
	color: #555555;
}
.modelePuce a {
	color: #000;
	text-decoration: underline;
}