@charset "UTF-8";

/* 
COULEURS

Vert clair : 66ff00
Vert fonce : 66cc00

Bleu : 0b639b

Rouge : CC0008

Gris : 999

*/

/**************************************************************************************/
/* LIENS */
/**************************************************************************************/

a {
	font-weight: bold;
	color: #57AF00;
	text-decoration: none;
	}
a:hover {
	color: #999;
	text-decoration: underline;
	}

/**************************************************************************************/
/* MISE A ZERO */
/**************************************************************************************/

div, p, body, ul, li, h1, h2, h3, h4, form {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	}

/**************************************************************************************/
/* BLOCS */
/**************************************************************************************/

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #66ff00 url(/images/habillage/fond-pixels.gif) repeat-x top left;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
    }
.twoColFixLtHdr #container {
	position: relative;
	width: 980px;
	margin: 0 auto; 
	text-align: left;
	}
.twoColFixLtHdr #header {
	height: 100px;
	background: url(/images/habillage/entete-logos-cebea-entela.jpg) no-repeat 240px 0;
	}	
.twoColFixLtHdr #sidebar1 {
	position: absolute;
	top: 20px; 
	left: 0;
    width: 230px; 
    padding: 249px 0 15px 0;
	z-index: 1000;
    }
.twoColFixLtHdr #mainContent {
	position: relative;
	top: 0; 
	left: 240px;
	width: 700px;
	padding: 0 20px 20px 20px;
	margin: 0; 
	background: #FFF;
    }
.twoColFixLtHdr #footer { 
	margin-bottom: 10px;
    }

/**/

div#logo {
	clear: both;
	text-align: left;
	padding-left: 145px;
	}
div#logo p {
	width: 200px; 
	text-align: center;
	margin-left: 0;
	}
div#logo p.activ {
	float: left;
	}
div#logo p.entela {
	float: left;
	}
	
/**************************************************************************************/
/* ELEMENTS FLOTTANTS */
/**************************************************************************************/
	
.fltrt { 
	float: right;
	margin-left: 8px;
    }
.fltlft { 
	float: left;
	margin-right: 8px;
    }
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
    }
.center {
	text-align: center;
}
	
/**************************************************************************************/
/* TYPO */
/**************************************************************************************/
	
h1, h2, h3, p {
	padding: 0.5em 0;
    }
h1 {
	color: #66cc00;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
    }
h2 {
	color: #0b639b;
	font-weight: normal;
	font-size: 18px;
    }
h3 {
	color: #CC0008;
	font-size: 12px;
    }
p {
	font-size: 12px;
	}
ul {
	margin-left: 80px;
	}
li {
	padding: 0.2em 0;
	}

/**************************************************************************************/
/* ACCUEIL */
/**************************************************************************************/

body#accueil #mainContent {	
	background: #FFF url(/images/habillage/accueil-fond.gif) repeat-x 0 0;
	background: #FFF url(/images/habillage/entete-logos-cebea-entela.jpg) no-repeat 0 0;
	}
body#accueil div.intro {
	text-align: left;
	padding-top: 150px;
	margin-left: 330px;
	margin: 0 0 30px 330px;
    }
body#accueil img.mascotte {
	margin-top: 55px;
    }
	
body#accueil table.partenairesAccueil td {
	text-align: center;
	padding: 5px 5px 0 0;
    }
body#accueil table.partenairesAccueil {
	width: 300px; margin: 0 auto;
    }
	
body#accueil div#logo {
	border-top: 1px solid #66cc00;
    }
	
/**************************************************************************************/
/* AGENDA */
/**************************************************************************************/

body#agenda #container #mainContent h3 {
	width: 240px;
	float: left;
	text-align: right;
    }
body#agenda p { 
	margin-left: 250px;
    }

/**************************************************************************************/
/* PIED DE PAGE */
/**************************************************************************************/
	
.twoColFixLtHdr #footer p { 
	text-align: right;
	color: #000;
	font-size: 80%;
    }
.twoColFixLtHdr #footer p a { 
	color: #000;
    }

/**************************************************************************************/
/* VISUELS */
/**************************************************************************************/
	
body#vacances #sidebar1 {
	background: url(/images/masquotte/creation.gif) no-repeat top left;
    }
body#contact #sidebar1 {
	background: url(/images/masquotte/allo.gif) no-repeat top left;
    }
body#agenda #sidebar1 {
	background: url(/images/masquotte/horloge.gif) no-repeat top left;
    }
body#anniversaire #sidebar1 {
	background: url(/images/masquotte/anniversaire.gif) no-repeat top left;
    }
body#entrepriseNumerique #sidebar1 {
	background: url(/images/masquotte/accueil-mini.gif) no-repeat top left;
    }
body#activEntela #sidebar1 {
	background: url(/images/masquotte/activ-entela.gif) no-repeat top left;
    }
body#partenaires #sidebar1 {
	background: url(/images/masquotte/partenaires.gif) no-repeat top left;
    }

/**************************************************************************************/
/* FORMULAIRE */
/**************************************************************************************/

form#contact fieldset {
	border: 1px solid #66cc00;
	margin-bottom: 10px;
	padding: 10px;
	}
form#contact legend {
	padding: 0 10px;
	font-weight: bold;
	}
form#contact label {
	float: left;
	width: 270px;
	text-align: right;
	}
form#contact input {
	margin-left: 10px;
	width: 250px;
	}
form#contact p#civilite input {
	margin-left: 10px;
	width: 1em;
	}
form#contact p.col1,
form#contact p.col2 {
	margin-left: 110px;
	}
form#contact p.col1 input,
form#contact p.col2 input {
	margin-left: 80px;
	width: 1em;
	}
form#contact #piedForm {
	text-align: center;
	}
form#contact #piedForm input {
	width: auto;
	}
p.message-contact {
	background-color: #CC0008;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	}

/**************************************************************************************/
/* SCHEMA ENTREPRISE */
/**************************************************************************************/

body#entrepriseNumerique #entreprise {	
	position: relative;
	margin-left: 40px;
}
body#entrepriseNumerique #entreprise ul {	
	position: absolute;
	top: 20px;
	left: 400px;
	list-style-type: none;
	width: 220px; 
	margin: 0;
	padding: 0;
	font-size: 11px;
	}
body#entrepriseNumerique #entreprise li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	width: 220px;
	}
body#entrepriseNumerique #entreprise li a {
	height: 19px;
	display: block;
	cursor: pointer;
	background-color: #66cc00;
	padding: 4px 1em;
	line-height: 20px;
	color: #000;
	text-decoration: none;
	border-bottom: #FFF 1px solid;
	}
body#entrepriseNumerique #entreprise li a:hover {
	background-color: #999;
	color: #FFF;
	text-decoration: none;
	}

/**************************************************************************************/
/* ACTIV ENTELA */
/**************************************************************************************/

#activ, #entela {
	width: 320px;
}
#entela {
	margin-left: 50%;
}
#activ img, #entela img {
	margin-left: 60px;
}

/**************************************************************************************/
/* PARTENAIRES */
/**************************************************************************************/

body#partenaires table {
	width: 100%;
    }
body#partenaires table td { 
	width: 25%; 
	height: 60px;
	text-align: center;
	vertical-align: middle;
	padding: 8px;
    }