* {margin: 0; padding: 0;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px;}

.bloc .date {padding-top: 2px; padding-bottom: 2px;}

.date {color: #00209F; font-size: 10px; font-weight: bold; margin: 0;}
.mentions {font-size: 10px; line-height: 10px; margin-top: 10px;}

input, textarea, select {
	border: 1px #B2B2B2 solid;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;}
.checkBox {border: 0;}

#valider {text-align: center;}
#valider input {
	border: 0;
	width: 93px; height: 23px;
	font-weight: bold; padding-bottom: 3px;
	background :transparent url(../images/btnForm.gif) no-repeat;}

a {color: #ff8800;}
a:hover {color: #0221A0}

.retour {
	float: right;
	font-weight: bold;
	text-decoration: none;
	position: relative; top: 5px;
	padding-left: 13px;
	color: #666;
	background: transparent url(../images/flecheRetour.gif) no-repeat 0 4px;}

/*********************************************************************************/

body {
	text-align: center;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color: #EDE4C9;
	color: #666;}

#allContent {
	width: 765px;
	text-align: left;
	margin: 5px auto 0 auto;
	background: transparent url(../images/bgAllContent.gif) repeat-y;}

/*********************************************************************************/
/*																																			 En tête */
/*********************************************************************************/

#enTete {
	background: transparent url(../images/bgEntete.gif) no-repeat;
	height: 230px;
	position: relative;}

#zoneFlash {
	width: 755px; height: 215px;
	position: absolute; left: 5px; top: 9px;}

/*********************************************************************************/
/*																																		Navigation */
/*********************************************************************************/

#navigation {
	list-style: none;
	background: transparent url(../images/bgNavigation.gif) no-repeat;
	width: 745px; height: 35px;
	margin: 0 10px;}
#navigation li {float: left;}
#navigation li a {display: block; height: 30px;}
#navigation li a span {display: none;}
#navigation li#btnNav00 a {
	width: 17px;
	background: transparent url(../images/btnAccueil.gif) no-repeat 0 0;}

#navigation li#btnNav01 a,
#navigation li#btnNav02 a,
#navigation li#btnNav03 a,
#navigation li#btnNav04 a,
#navigation li#btnNav05 a,
#navigation li#btnNav06 a,
#navigation li#btnNav07 a {width: 104px;}

#navigation li#btnNav01 a {background: transparent url(../images/btnLePhare.gif) no-repeat 0 0;}
#navigation li#btnNav02 a {background: transparent url(../images/btnActualites.gif) no-repeat 0 0;}
#navigation li#btnNav03 a {background: transparent url(../images/btnMetiers.gif) no-repeat 0 0;}
#navigation li#btnNav04 a {background: transparent url(../images/btnTechnologies.gif) no-repeat 0 0;}
#navigation li#btnNav05 a {background: transparent url(../images/btnMethodologie.gif) no-repeat 0 0;}
#navigation li#btnNav06 a {background: transparent url(../images/btnReferences.gif) no-repeat 0 0;}
#navigation li#btnNav07 a {background: transparent url(../images/btnContact.gif) no-repeat 0 0;}

#navigation li#btnNav01 a:hover,
.phare #navigation li#btnNav01 a {background: transparent url(../images/btnLePhare.gif) no-repeat 0 -30px;}
#navigation li#btnNav02 a:hover,
.actualites #navigation li#btnNav02 a {background: transparent url(../images/btnActualites.gif) no-repeat 0 -30px;}
#navigation li#btnNav03 a:hover,
.metiers #navigation li#btnNav03 a {background: transparent url(../images/btnMetiers.gif) no-repeat 0 -30px;}
#navigation li#btnNav04 a:hover,
.technologies #navigation li#btnNav04 a {background: transparent url(../images/btnTechnologies.gif) no-repeat 0 -30px;}
#navigation li#btnNav05 a:hover,
.methodologie #navigation li#btnNav05 a {background: transparent url(../images/btnMethodologie.gif) no-repeat 0 -30px;}
#navigation li#btnNav06 a:hover,
.references #navigation li#btnNav06 a {background: transparent url(../images/btnReferences.gif) no-repeat 0 -30px;}
#navigation li#btnNav07 a:hover,
.contact #navigation li#btnNav07 a {background: transparent url(../images/btnContact.gif) no-repeat 0 -30px;}

/*********************************************************************************/
/*																																			 Contenu */
/*********************************************************************************/

#mainContent {padding: 10px 30px 30px 30px;}

#colA {width: 240px;}
#colB {width: 465px;}

#colA, #colB {float: left; position: relative;}

/**************************************** Colonne A */

#colA p {margin-bottom: 8px;}

.bloc {
	background: transparent url(../images/piedBlocGrd.gif) no-repeat left bottom;
	width: 210px;
	padding-bottom: 5px;}

.bloc ul,
.bloc .contentBloc {background: transparent url(../images/bgBlocGrd.gif) repeat-y;}

.bloc .contentBloc {padding: 0 12px;}

.bloc h4 {height: 30px;}
.bloc h4 span {display: none;}

#accueil #colA .bloc h4 {background: transparent url(../images/titreDerniereRea.gif) no-repeat;}
.technologies #colA .bloc h4 {background: transparent url(../images/titreSolutions.gif) no-repeat;}
.phare #colA .bloc h4 {background: transparent url(../images/titreLePhare.gif) no-repeat;}
.metiers #colA .bloc h4 {background: transparent url(../images/titreMetiers.gif) no-repeat;}
.actualites #colA .bloc h4 {background: transparent url(../images/titreAlaune.gif) no-repeat;}
.temoignages #colA .bloc h4 {background: transparent url(../images/titreTemoignages.gif) no-repeat;}
.contact #colA .bloc h4 {background: transparent url(../images/titreContact.gif) no-repeat;}
.references #colA .bloc h4 {background: transparent url(../images/titreReferences.gif) no-repeat;}

/************ menus */

.bloc ul {
	list-style: none;
	padding: 10px 0;}
.bloc ul li {padding: 0 15px; line-height: 20px;}
.bloc ul li a {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/puceMenu.gif) no-repeat 0 2px;
	padding-left: 20px;}
.bloc ul li a:hover {text-decoration: underline;}

/************ dernières réalisations */

.bloc .refHome h5 {font-size: 12px; text-align: left; margin-bottom: 5px; line-height: 13px; padding-top: 10px;}
.bloc .refHome img {width: 180px; border: 1px #B2B2B2 solid;}
.bloc .refHome .suite {
    height: 18px;
    background: transparent url(../images/filetTitre.gif) repeat-x left bottom;}
.bloc .refHome .suite a {
    display: block; text-align: right; height: 18px;
    padding-left: 10px; font-size: 10px; color: #666; text-decoration: none;
	font-weight: bold; background: transparent url(../images/puceBloc.gif) no-repeat 105px 3px;}
.bloc .refHome .suite a:hover {text-decoration: underline;}

/**************************************** Colonne B */

#mainContent h1 {
	color: #FF8800;
	font-size: 16px;
	margin-bottom: 10px;
	background: transparent url(../images/filetTitre.gif) repeat-x left bottom;}

#colB h2,
#mentions #mainContent h2 {font-size: 18px; margin: 0 0 5px 0;}
#colB h3,
#mentions #mainContent h3 {font-size: 16px; margin-bottom: 10px; color: #000099; line-height: 16px;}
#colB h4 {font-size: 14px; margin-bottom: 10px;}

#colB p,
#mentions #mainContent p {margin-bottom: 8px; line-height: 14px;}

#colB ul {
	list-style: none;
	margin: 0 20px 8px 20px;}
#colB ul li {
	background: transparent url(../images/puce.gif) no-repeat 0 3px;
	padding-left: 14px;
	margin-bottom: 8px;
	position: relative;}
#colB ul li ul {padding: 10px 0;}
#colB ul li ul li {background: transparent url(../images/fleche.gif) no-repeat 0 4px;}

#colB ul.exemples {margin: 0;}
#colB ul.exemples li {
	padding: 0 10px 0 0;
	background-image: none;
	float: left;
	width: 140px;
	font-size: 10px; line-height: 11px;}
#colB ul.exemples li img {
	display: block;
	margin-bottom: 5px;
	border: 1px #EDE4C9 solid;
	padding: 2px;
	background-color: #fff;}

#analyse {
	width: 100px;
	float: right;
	font-size: 10px;
	padding: 10px;
	line-height: 11px;
	background-color: #F6F1E4;
	margin-left: 20px;}
#analyse img {margin: 0; border: 0;}

/*********************************************************************************/
/*																																				Footer */
/*********************************************************************************/

#footer {
	height: 35px;
	background: transparent url(../images/bgFooter.gif) no-repeat;
	position: relative;}

#footer #accesExtranet {
	width: 410px;
	margin: 0 0 0 5px;}

#footer #accesExtranet a {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	display: block;
	width: 90px;
	text-align: center;
	color: #666;
	margin-left: 10px;
	font-weight: bold;
	background: transparent url(../images/btnExtranet.gif) no-repeat 0 -5px;}

#footer #accesExtranet fieldset {
	border-top: 1px #EDE4C9 solid;
	border-left: 1px #EDE4C9 solid;
	border-right: 1px #EDE4C9 solid;
	border-bottom: 0;
	padding: 5px 5px 0 5px;
	display: none;
	position: absolute; left: 15px; top: -29px;}

#footer #accesExtranet fieldset p {float: left; font-weight: bold;}
#footer #accesExtranet fieldset p input {margin-right: 10px;}
#footer #accesExtranet fieldset p input.btnOK {
	background: transparent url(../images/btnGo.gif) no-repeat;
	border: 0;
	margin-right: 0;
	font-family: "Arial", sans-serif;
	padding: 2px 10px 10px 5px;
	font-weight: bold;
	width: 28px; height: 23px;}

#footer ul {
	list-style: none;
	border-left: 1px #CAC5B7 solid;
	position: absolute; right: 10px; top: 2px;}
#footer ul li {
	float: left;
	padding: 0 5px;
	border-right: 1px #CAC5B7 solid;
	text-align: center;}
#footer ul li a {
	color: #666;
	font-size: 10px;
	text-decoration: none;}
#footer ul li a:hover {color: #031DA5; text-decoration: underline;}

/*********************************************************************************/
/*																																			 Accueil */
/*********************************************************************************/

#accueil #colA #filInfo {margin: 15px 0 0 0;}
#accueil #colA #filInfo h4 {
	font-size: 14px;
	color: #FF8800;
	padding-bottom: 5px;}

#accueil #colB h2 {font-size: 16px; color: #ff8800}

#accueil #colB .colonne {
	width: 204px; height: 66px;
	padding: 15px 20px 0 0;
	float: left; margin: 15px 0 15px 0;
	border-top: 1px #B2B2B2 dotted;
	border-bottom: 1px #B2B2B2 dotted;}

#accueil #colB #blocNewsletter {
	background: transparent url(../images/pictoNewsletter.gif) no-repeat 0 15px;}
#accueil #colB #blocNewsletter fieldset {
	border: 0;
	padding-left: 50px;}
#accueil #colB #blocNewsletter label {font-weight: bold; display: block; line-height: 12px; margin-bottom: 5px;}
#accueil #colB #blocNewsletter input {margin-right: 10px; width: 100px;}
#accueil #colB #blocNewsletter #btnGo {
	background: transparent url(../images/btnGo.gif) no-repeat;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	width: auto;
	margin-right: 0;
	font-family: "Arial", sans-serif;
	padding: 2px 10px 10px 1px;}

#accueil #colB #blocMethodologie {background: transparent url(../images/pictoMethodo.gif) no-repeat 0 15px;}
#accueil #colB #blocMethodologie p {padding-left: 50px;}
#accueil #colB #blocMethodologie p a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
	display: block;
	line-height: 12px;
	padding-top: 5px;}
#accueil #colB #blocMethodologie p a:hover {text-decoration: underline;}

#accueil #colB #aide {
	background: transparent url(../images/btnAide.gif) no-repeat;
	padding: 0 0 5px 30px;
	margin-top: 10px;}
#accueil #colB #aide a {
	font-weight: bold;
	color: #666;}
#accueil #colB #aide a:hover {color: #ff8800;}

/*********************************************************************************/
/*																																		  Le Phare */
/*********************************************************************************/

#culture #colB ul,
#culture #colB ul li {margin: 0 0 5px 0;}
#culture #colB ul.liste {
	width: 225px;
	float: left;
	position: relative;}

/*********************************************************************************/
/*																																	     Métiers */
/*********************************************************************************/

.metiers #colB .metier {background: transparent url(../images/filetTitre.gif) repeat-x left bottom; margin-bottom: 10px; padding-bottom: 10px;}
.metiers #colB .metier h5 {width: 90px; height: 70px; float: left;}
.metiers #colB .metier h5 span {display: none;}
.metiers #colB .metier ul {margin: 0; float: left; width: 370px;}
.metiers #colB ul li {margin: 0;}

.metiers #colB #ebusiness h5 {background: transparent url(../images/pictoEBusiness.gif) no-repeat;}
.metiers #colB #event h5 {background: transparent url(../images/pictoEvent.gif) no-repeat;}
.metiers #colB #fidelisation h5 {background: transparent url(../images/pictoFidelisation.gif) no-repeat;}
.metiers #colB #services h5 {background: transparent url(../images/pictoServices.gif) no-repeat;}


/*********************************************************************************/
/*																																	Technologies */
/*********************************************************************************/

.technologies #colB img {float: left; margin: 0 15px 15px 0;}

/*********************************************************************************/
/*																																	Méthodologie */
/*********************************************************************************/

.methodologie #colA {width: 143px;}
.methodologie #colB {width: 562px;}

.methodologie #colA ol {
	margin-bottom: 8px;
	list-style-position: inside;
	font-weight: bold;}

#colB .calque {
	border: 1px #666 solid;
	width: 184px;
	position: absolute; left: 180px; top: 150px;
	background: transparent url(../images/piedCalque.gif) no-repeat left bottom;
	padding-bottom: 4px;
	display: none;}
#colB .calque h3 {
	background: transparent url(../images/bgTitreCalque.gif) no-repeat;
	height: 28px; line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	line-height: auto;
	margin: 0;}
#colB .bleu h3 {background: transparent url(../images/bgTitreCalqueBleu.gif) no-repeat;}
#colB .beige h3 {background: transparent url(../images/bgTitreCalqueBeige.gif) no-repeat; color: #666}
#colB .calque p {
	background: transparent url(../images/bgCalque.gif) repeat-y;
	margin-bottom: 0 !important;
	padding: 5px 10px;}

/*********************************************************************************/
/*																																		Actualités */
/*********************************************************************************/

.actualites #colB {width: 100%;}

#listeActualites .actu {
	background: transparent url(../images/filetTitre.gif) repeat-x left bottom;
	margin-bottom: 15px;}
#listeActualites .actu p.date {margin: 0;}
#listeActualites .actu h4,
#listeActualites .actu h4 a {
	font-size: 12px;
	margin-bottom: 5px;
	color: #000099;
	line-height: 13px;
	text-decoration: none;}

.actualites #colB img {
	float: left;
	margin: 0 15px 5px 0;
	border: 1px #EDE4C9 solid;
	padding: 2px;}

#archives {background-color: #FBF9F2; padding: 5px 10px 0 10px;}
#archives h1,
#listeActualites #archives .actu {background-image: none;}
#archives h2 {font-size: 14px;}
#listeActualites #archives .actu {margin-bottom: 10px;}

/*********************************************************************************/
/*																																			 Contact */
/*********************************************************************************/

.contact #colB fieldset {border: 0;}
.contact #colB fieldset label {
	display: block;
	text-align: right;
	float: left;
	width: 150px;
	padding-right: 5px;}
.contact #colB fieldset input.inptxt,
.contact #colB fieldset select,
.contact #colB fieldset textarea {width: 200px;}

.contact #map {width: 490px; height: 300px;}

/*********************************************************************************/
/*																																	  Références */
/*********************************************************************************/

#listeReferences #colB ul li {float: left; margin: 0 10px 5px 0;}

.references #colB ul {margin: 0;}
.references #colB ul li {
	background-image: none;
	padding-left: 0;
	margin: 0;}
.references #colB ul li img {border: 0;}


#identite,
#descriptif {
	padding-bottom: 10px;
	background: transparent url(../images/filetTitre.gif) repeat-x left bottom;}

#identite img {float: left; margin-right: 10px;}
#identite ul {
	padding-left: 10px;
	float: left; width: 340px;
	background: transparent url(../images/filetVertical.gif) repeat-y;}

#descriptif {padding-top: 10px;}
#descriptif ul {margin: 5px 0 10px 0 !important;}
#descriptif ul li {
	background: transparent url(../images/puce.gif) no-repeat 0 3px !important;
	padding-left: 15px !important;
	margin-left: 20px !important;}
#descriptif #web {
	float: right;
	margin: 5px 0 0 10px;
	border: 1px #B2B2B2 solid;
	width: 180px;}

/************ Contenu des références */

.grandTitre {
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;}
.chapeau {
	font-size: 13px;
	font-style: italic;
	line-height: 15px;}
.titrePuce {
	background: transparent url(../images/puceDerniereMinute.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #1531A2}