path: root/root/static/css/ic.css

/* Pas de bordures sur les images link�es */
a img { border: none; }

/* Couleurs des liens */
a:link {
	color: #166800;
	text-decoration: none;
	}
a:visited {
	color: #166800;
	text-decoration: none;
	}
a:hover {
	color: #166800;
	text-decoration: underline;
	}
a:active {
	color: #166800;
	text-decoration: none;
	}

/* Pas d'extension de taille sur les formulaires */
form { margin: 0px; }

/* D�finition de typo */
body, h1, h2, h3, h4, h5, h6, td {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	}

/*-------------------------------------------------------------- GENERAL ---*/

#globalpage {
	background-color: #2B3F53;
	background-image: url(/static/images/page_fond.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-width: 0px;
	margin-border: 0px;
}

#page_container {
	width: 950px;
	text-align: left;
	margin: 0px auto;
	top: 0px;
	background-color: #DEFBFF;
	background-image: url(/static/images/illus_footer.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	}

#page_margegauche {
	float: left;
	width: 200px;
	}

#page_contenudroite {
	float: left;
	width: 750px;
	}

#page_accueilcolonnes {
	clear: left;
	width: 950px;
	text-align: left;
	margin: 0px auto;
	top: 0px;
	background-color: #8ACC03;
	}

#accueilcolonnes_colonnetop {
	width: 225px;
	height: 5px;
	background-image: url(/static/images/accueilcolonnes_colonnetop.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	font-size: 0px;
	background-color: #F0FFDE;
	}

.accueilcolonnes_colonnetop_vert {
	width: 225px;
	height: 5px;
	background-image: url(/static/images/accueilcolonnes_colonnetop_vert.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	font-size: 0px;
	background-color: #4BA300;
	}

#accueilcolonnes_colonnetop_bleu {
	width: 225px;
	height: 5px;
	background-image: url(/static/images/accueilcolonnes_colonnetop_bleu.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	font-size: 0px;
	background-color: #005E85;
	}

#accueilcolonnes_colonnetitle {
	width: 215px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-color: #F0FFDE;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/static/images/accueilcolonnes_colonnetitlelisere.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	}

.accueilcolonnes_colonnetitle_vert {
	width: 215px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-color: #4BA300;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/static/images/accueilcolonnes_colonnetitlelisere_vert.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	}

#accueilcolonnes_colonnetitle_bleu {
	width: 215px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-color: #005E85;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/static/images/accueilcolonnes_colonnetitlelisere_bleu.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	}

.accueilcolonnes_colonnecontent {
	width: 215px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F0FFDE;
	background-image: url(/static/images/accueilcolonnes_colonnefond.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}

#accueilcolonnes_colonnecontent_void {
	width: 215px;
	font-size: 0.8em;
	}

.accueilcolonnes_colonnebottom {
	width: 225px;
	height: 5px;
	background-image: url(/static/images/accueilcolonnes_colonnebottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	font-size: 0px;
	background-color: #F0FFDE;
	}

td.small {
    width: 10px;
}
td.big {
    width: 225px;
    vertical-align: top;
}

td.accueilcolonnes_colonne {
	width: 225px;
	}

td.accueilcolonnes_sepvert {
	width: 10px;
	background-color: #8ACC03;
	}






#page_footer {
	clear: left;
	width: 943px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 2px;
	text-align: right;
	margin: 0px auto;
	top: 0px;
	background-color: #8ACC03;
	background-image: url(/static/images/footer.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	font-size: 10px;
	color: #166800;
	}



#ic_logo {
	float: left;
	width: 200px;
	height: 34px;
	background-image: url(/static/images/ic_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

/*-------------------------------------------------------------- MARGE GAUCHE ---*/

.margegauche_bloc {
	float: left;
	width: 180px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	}


#margegauche_bloccontainer {
	float: left;
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	}

#margegauche_bloctop {
	margin-top: 20px;
	float: left;
	width: 180px;
	height: 10px;
	background-image: url(/static/images/margegauche_bloctop.gif);
	font-size: 0px;
	}
#margegauche_bloctext {
	float: left;
	width: 170px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #A7E5FF;
	}
#margegauche_blocbottom {
	float: left;
	width: 180px;
	height: 10px;
	background-image: url(/static/images/margegauche_blocbottom.gif);
	font-size: 0px;
	}


#margegauche_navcontainer {
	float: left;
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	}

td.margegauche_navitem {
	width: 180px;
	height: 20px;
	font-size: 16px;
	background-image: url(/static/images/navbar_fond.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

td.margegauche_navitem_hover {
	width: 180px;
	height: 20px;
	font-size: 16px;
	background-image: url(/static/images/navbar_fond_hover.gif);
	background-position: left bottom;
	background-repeat: repeat-y;	
	}

a.navitem:link {
	color: #000000;
	text-decoration: none;
	}
a.navitem:visited {
	color: #000000;
	text-decoration: none;
	}
a.navitem:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
a.navitem:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}


/*-------------------------------------------------------------- DROITE ---*/


#contenudroite_cloudheader {
	width: 750px;
	height: 110px;
	text-align: right;
	background-image: url(/static/images/illus_header.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	}

#contenudroite_cloudtitle {
	width: 730px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 32px;
	color: #6AB701;
	}

#contenudroite_cloudinput {
	width: 730px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	}

textarea.cloudinput {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #2B3F53;
	background-color: #A7E5FF;
	border: 0px;
	}
    	
input.cloudinput {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #2B3F53;
	background-color: #A7E5FF;
	border: 0px;
	}

input.truncationcheckbox {
	background-color: #DEFBFF;
	}

input.seebutton {
	background-color: #B4E381;
	border: 0px;
	}

#contenudroite_cloudcontent {
	width: 730px;
	padding-left: 10px;
	padding-right: 10px;
	}
	

#contenudroite_cloudcontent h1 {
	font-size: 16px; 
	color: #8ACC03; 
	font-weight:bold; 
	text-align:center;
	}	

#contenudroite_cloudcontent strong {
	color: #8ACC03; 
	font-weight:bold;
	}

#contenudroite_cloudcontent cite {
	margin-left:40px; 
	margin-right:40px; 
	text-indent:20px;	
	}

#contenudroite_cloudcontent em {
	font-style:italic;
	}
	
	

#cloudcontent_subnavcontainer {
	width: 730px;
	height: 20px;
	background-image: url(/static/images/subnavbar_fond.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}

td.cloudcontent_subnavitem {
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
	}

td.cloudcontent_subnavitem_hover {
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
	background-color: #C2F0FF;
	}

a.subnavitem:link {
	color: #6AB701;
	text-decoration: none;
	}
a.subnavitem:visited {
	color: #6AB701;
	text-decoration: none;
	}
a.subnavitem:hover {
	color: #000000;
	text-decoration: none;
	}
a.subnavitem:active {
	color: #6AB701;
	text-decoration: none;
	}

#cloudcontent_content {
	width: 730px;
	}

#cloudcontent_subtitle {
	margin-top: 10px;
	font-size: 26px;
	color: #8ACC03;
	}

#cloudcontent_paragraph {
	padding-top: 5px;
	padding-bottom: 5px;
	}

#cloudcontent_subsubtitle {
	margin-top: 2px;
	font-size: 10px;
	color: #BDE570;
}


#contenudroite_cloudfooter {
	width: 750px;
	height: 210px;
	}

.inputmail {
    font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #2B3F53;
	background-color: #A7E5FF;
	border: 1px solid black;
	margin: 0 5px 0 0;
    padding: 0;
}

#htmltagcloud {
    line-height: 28px !important;
}

.who {
    color: #8ACC03; 
    font-weight:bold;
}

.bwoup {
    width: 12px;
    height: 12px;
    vertical-align:bottom;
}