body {
	margin : 0;
	padding : 0;
	text-align : center;
	font-family : Verdana, sans-serif;
	font-size : 82%;											/* 82% du 16px laquelle est la taille de police par défaut du navigateucatchit_referencement = Taille de base */
	background : #5D8193;									/* couleucatchit_referencement du fond */
	color : #F4F4F4;											/* couleucatchit_referencement du texte content */
}

table {
	font-size : 1em ;
}

/* -------------------------- Fin navigation ----------------------------------- */

p { margin : 1em 0; }
.p2 { margin : 0.5em 0 0.5em 0em; }
img { border : none; }											/* pas de borducatchit_referencemente image */
form { display : block; margin : 0; padding : 0; }				/* margin et padding : tous les côtés avec 1 valeucatchit_referencement */

/*h1 { font-size : 1.4em; margin : 0.83em 0; }*/
h1 { 
	font-size : 1.4em;
	display : block ;
	height : 25px ;					/* 1.4em */
	margin : 0.8em 0 1.2em 0;
	color : #FFF;					/* #39455B; */ 
	background : #7DA3B2 url(../ucatchit_referencement_images/motif_bleu_fonce.gif) no-repeat 5px 40%;
	padding-left : 25px;
	border-top : 0.01em solid #D4D5D6 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
}
/*h2 { font-size : 1.4em; margin : 0.83em 0; }*/
h2 { 
	font-size : 1.4em;
	background : #46646D url(../ucatchit_referencement_images/motif_bleu_fonce.gif) no-repeat 5px 40%;
	text-indent: 1.5em ;
	font-size : 1.2em ;
	font-weight : bold ;
	margin : 1.5em 0 2em 0;
	border-top : 0.01em solid #D4D5D6 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
}
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 0; color:red; font-weight:normal } /*---------- modifier poucatchit_referencement tuto ----------*/
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }

code,pre { font-family : "Courier New",monospace; font-size : 1em; }

q { font-style : italic; }

a { color : #FFF; }								/* couleucatchit_referencement liens sideBar */

a:hover, a:focus, a:active { color: #DBC671; }		/*  couleucatchit_referencement générale des liens, HOVER : sucatchit_referencementvolé, FOCUS : cliqué, ACTIVE : activé */

a[hreflang]:after {					
	content: "\0000a0(" attr(hreflang) ")";	/*[ <chaîne> | <ucatchit_referencementi> | <compteucatchit_referencement> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+|inherit*/
	color : #666;
	background : transparent;
}

h2, h3 { font-family : Arial,Helvetica,sans-serif; }

h2 { font-weight : normal; }

input {
	border-width: 1px;
	border-color: #000000;
}

input:hover {
	border: 1px solid #AABBCC;
}
input:focus {
	border: 1px solid #CCDDFF;
}

#top {
	color: #FFEC9F;
}

#top input {
	height: 12px;
	width: 60px; 
	font-size: 10px; 
	background-color: #5D8193;
	border-width: 1px;
	border-color: #000000;
}

#top input:active {
	border: 1px solid #AABBCC;
}

#top input:hover {
	border: 1px solid #AABBCC;
}

#top input:focus {
	border: 1px solid #CCDDFF;
}

/* Layout
/*-------------------------------------------------------- */

#page {
	width : 994px;
	/*margin : 0 auto 0 9px;*/
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	padding : 0;
	background: #5D8193 ;
	border :0em solid #000;
}

#top {
	background : url(../ucatchit_referencement_images/ur_fd_haut1024_ok.png) no-repeat;
	text-align: left;
	height: 100px;								/* 75px */
	padding: 0 0 0 0 ; 							/********* modifier poucatchit_referencement tuto *********/
	margin : 0;
	border-bottom : 0.4em solid #7DA3B2;
}

#top-frame {
	background : url(../ucatchit_referencement_images/ur_fd_haut1024_bd.png) right no-repeat;
	text-align: left;
	height: 22px;								/* 75px */
	padding: 0 0 0 0 ; 							/********* modifier poucatchit_referencement tuto *********/
	margin : 0;
	border-bottom : 0.4em solid #7DA3B2;
}


/*------------------------------------------- PRELUDE ----------------------------------*/
#prelude {
	position : relative;
	top : 0px;
	height: 30px;
	width: 994px;					
	margin : 0;
	padding : 0;								/* 0 0 0 0 */
	border : 1px outset #7DA3B2; 				/* couleucatchit_referencement du contoucatchit_referencement DIV prélude */
}

#prelude ul {
	margin : 0;									/* H */
	padding : 0;								/* H D B G */
}

#prelude ul li {
	float: left;								/* La liste doit se tenir sucatchit_referencement une ligne <> de "block" sucatchit_referencement +sieucatchit_referencements lignes */
	padding : 0 0 0 0;
	border : 0;
	list-style-type: none;
}

#prelude ul li a {
	color : #FFF;
	font-size: 0.9em;
	font-weight: normal;
	margin : 0 0 0 0;
	text-decoration : none;
}

#prelude ul li#li_strategique a {
	display: block ;  							/*On passe les liens en éléments de type block poucatchit_referencement leucatchit_referencement donner des propriétés de taille */
	width: 150px ;
	line-height: 30px ;
	background: url(../ucatchit_referencement_images/ur_strategique1.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
	text-indent: 35px ;
}

#prelude ul li#li_strategique a:hover {
	color : #DBC671;
 	background: url(../ucatchit_referencement_images/ur_strategique2.png) no-repeat 0 0 ;
	border: 0px solid #f97 ;
}

#prelude ul li#li_basique a {
	display: block ;
	width: 150px ;
	line-height: 30px ;
	background: url(../ucatchit_referencement_images/ur_basique1.png) no-repeat 0 0 ;
	border: 0px solid #dbd ;
	text-indent: 35px ;
}

#prelude ul li#li_basique a:hover {
	color : #DBC671;
 	background: url(../ucatchit_referencement_images/ur_basique2.png) no-repeat 0 0 ;
	border: 0px solid #f97 ;
}

#prelude ul li#li_cms a {
	display: block ;
	width: 150px ;
	line-height: 30px ;
	background: url(../ucatchit_referencement_images/ur_cms1.png) no-repeat 0 0 ;
	border: 0px solid #dbd ;
	text-indent: 35px ;
}



#prelude ul li#li_cms a:hover {
	color : #DBC671;
 	background: url(../ucatchit_referencement_images/ur_cms2.png) no-repeat 0 0 ;
	border: 0px solid #f97 ;
}

#prelude ul li#li_contact a {
	display: block ;
	width: 150px ;
	line-height: 30px ;
	background: url(../ucatchit_referencement_images/ur_contact1.png) no-repeat 0 0 ;
	border: 0px solid #dbd ;
	text-indent: 35px ;
}

#prelude ul li#li_contact a:hover {
	color : #DBC671;
 	background: url(../ucatchit_referencement_images/ur_contact2.png) no-repeat 0 0 ;
	border: 0px solid #f97 ;
}

#prelude ul li#li_accueil a {
	display: block ;
	width: 150px ;
	line-height: 30px ;
	background: url(../ucatchit_referencement_images/ur_acces1.png) no-repeat 0 0 ;
	border: 0px solid #dbd ;
	text-indent: 35px ;
}

#prelude ul li#li_accueil a:hover {
	color : #DBC671;
 	background: url(../ucatchit_referencement_images/ur_acces2.png) no-repeat 0 0 ;
	border: 0px solid #f97 ;
}

#prelude ul li#li_devis a {
	display: block ;
	width: 150px ;
	line-height: 30px ;
	background: url(../ucatchit_referencement_images/ur_devis1.png) no-repeat 0 0 ;
	border: 0px solid #dbd ;
	text-indent: 35px ;
}

#prelude ul li#li_devis a:hover {
	color : #DBC671;
 	background: url(../ucatchit_referencement_images/ur_devis2.png) no-repeat 0 0 ;
	border: 0px solid #f97 ;
}

/*------------------------------------------- barre DATE ----------------------------------*/
#barreDate {
	position : relative;
	top : 0px;						/* -65px  */
	height: 25px;
	width: 994px;					
	margin : 0;
	padding : 0;
	font-size : 1em;
	text-align : right;
	color : #FFFFFF; 				/* couleucatchit_referencement du tx*/
	background: #7DA3B2; 
	/*border : 1px outset #7DA3B2; 		/* couleucatchit_referencement du contoucatchit_referencement DIV prélude */
	border-top : 0.01em solid #D4D5D6 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
}

#barreDate h1 {
	font-size : 1em;
	font-weight: bold;
	margin : 0.02em 0;
	padding : 0.1em;
}


/*------------------------------------------- CONTENEucatchit_referencement ----------------------------------*/
#main {
	float : left;
	width : 991px;
	margin : 0 0 0 0;
	padding : 0 0.2em 0 0 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-right : 0.01em solid #1F3D49 ;
	border-bottom : 0.01em solid #1F3D49 ;
	background : none ;
}

#main h3 {
	color : #333;
	margin-top : 2em;
}

#content {
	float : left;
	width : 790px;
	padding : 1px 5px 1em 8px;
}

#content-devis {
	float : left;
	padding : 1px 5px 1em 8px;
}

#content a {
	text-decoration : none ;
}

/*----------------------------------------------- Sidebar ----------------------------------*/
#sidebar {
	float : right;							/* largeucatchit_referencement doit être fixe poucatchit_referencement utiliser "FLOAT" */
	width : 155px ;
	margin: 15px 0 0 0 ;
	padding : 0 0.1em 0.5em 0.1em ;
	background : #52727F ;
	border-top : 0.01em solid #D4D5D6 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
	/*border: 1px dotted #FFF ;		/******* ajouter poucatchit_referencement tuto *******/
	
}

#sidebar pub {
	display : block ;
	width : 150px ;
	height : 500px ;
	border: 1px solid #000;
}

#sidebar h2 {
	display : block ;					/* ajout jlk */ 
	width : 150px ;
	line-height : 30px ;
	font-weight : normal ;
	font-size : 0.9em ;
	letter-spacing: 0.05em ;
	color : #FFF ;					/* couleucatchit_referencement des titres liens */		
	text-transform : uppercase ;
	background : url(../ucatchit_referencement_images/sideBar_sepa.gif) no-repeat 0 0 ;
	padding : 0 0 0 0.8em ;
	margin : 2.2em 0 0 0 ;
	border: 0px dotted #3F4091;
}

#sidebar ul {
	padding : 0 0.5em 0 1.5em;
	margin : 0 0 0 0;
	background : #52727F ;
}

#sidebar li {
	list-style : square;
	margin : 0.5em 0 0.8em 0;
	font-size : 0.9em ;
	color : #DBC671;					/* couleucatchit_referencement "square" initiale */

}


#sidebarContact ul {
	padding : 0 0em 0 1.2em;
	margin : 0 0 0 0;
}

#sidebarContact li {
	list-style : square;
	margin : 0.5em 0 0.8em 0;
	font-size : 0.9em ;
	color : #DBC671;					/* couleucatchit_referencement "square" initiale */

}

#sidebar li:hover {
	color : #FFF;					/* couleucatchit_referencement rollover "square" */
	background-color: #7DA3B2;
}

#sidebar a {
	text-decoration : none;
}


/* information box */
#information {
}

input.submit {
}

/*----------------------------------------------- Fin Sidebar --------------------------------*/


/* Post
-------------------------------------------------------- */

.post-contact {
	text-align : justify;
	background :  #7DA3B2 ;
	margin :0.05em ;
/* 	padding : 0.5em 1em 1em 1em ; */
	border-top : 0.01em solid #D4D5D6 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
}

.post-intertitrecontact {
	text-align:right;
/*	text-indent: 0.7em ; */
	font-size : 1.0em ;
/*	font-weight : bold;*/
/*	margin : 2em 0 2em 0;*/
}

.day-date {
	font-size : 1em;
	font-weight : bold;
	margin-top : 1.5em;
	text-align : right;
	border-top : 1px solid #FFF;
	color : #ccc;
	background : transparent;
}

.post {
	margin-bottom : 1em;
}
.post-title {
	display : block ;
	height : 25px ;					/* 1.4em */
	margin : 0.8em 0 1.2em 0;
	color : #FFF;					/* #39455B; */ 
	background : #7DA3B2 url(../ucatchit_referencement_images/motif_bleu_fonce.gif) no-repeat 5px 40%;
	padding-left : 25px;
	border-top : 0.01em solid #D4D5D6 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
}

.post-warning {
	display : block ;
	height : 25px ;					/* 1.4em */
	margin : 0.8em 0 1.2em 0;
	text-decoration : blink ;
	color : #FFF;					/* #39455B; */
	background : #7DA3B2 url(../ucatchit_referencement_images/warning.gif) no-repeat 5px 40%;
	padding-left : 25px;
	border-top : 0.01em solid #D4D5D6 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
}

.post-title a {
	color : #FFF;					/* couleucatchit_referencement du titre */
	text-decoration : none;
}

.post-info {
	font-size : 0.85em;
	clear : both;
	color : #666;
	margin : 1em auto 0.4em 0 ;
}
.post-chapo {
	margin-bottom : 2em;
}

.post-intertitre1 {
	background : #46646D url(../ucatchit_referencement_images/motif_bleu_fonce.gif) no-repeat 5px 40%;
	text-indent: 1.5em ;
	font-size : 1.2em ;
	font-weight : bold ;
	margin : 2em 0 2em 0;
}

.post-intertitre {
	background : #46646D url(../ucatchit_referencement_images/motif_bleu_fonce.gif) no-repeat 5px 40%;
	text-indent: 1.5em ;
	font-size : 1.2em ;
	font-weight : bold ;
	margin : 3em 0 2em 0;
}

.post-content {
	text-align : justify;
	background :  #52727F ;
	margin : 0.05em ;
	padding : 0.5em 1em 2em 1em ;
	padding-left : 25px ;
	border-top : 0.01em solid #D4D5D6 ;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
}

.post-content #form {
	margin-top : 1em ;
	margin-left : 0.3em ;
	padding : 0.5em ;
}

.post-info-co {
	font-size : 0.85em;
	clear : both;
	color : #666;
	background : transparent url(../ucatchit_referencement_images/motif_bleu_fonce.gif) no-repeat 0 40%;
	padding-left : 13px;
}

.post-logos {
	width : 962px;
	display : block ;
	margin : 0 0 0 0;
	padding : 6px 32px 3px 0;
	text-align : right;
	font-size : 40%;
	vertical-align : top;
	border-left : 0.01em solid #D4D5D6 ;
	border-bottom : 0.01em solid #1F3D49 ;
	border-right : 0.01em solid #1F3D49 ;
}

/* Liens spéciaux
------------------------------------------------------------------------------------------- */

.asterixe {
	margin-left : 0.6em ;
	font-size : 0.85em;
	clear : both;
	color : #ccc;
}

#trackbacks {
}
#comments {
}
#comment-preview {
}

#trackbacks, #comments, #comment-preview {
	margin : 0 2em;
}

#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 1em 0;
	padding : 1px 1em;
	font-style : normal;
	border : 1px solid #999;
	color : #666;
	background : transparent;
}

.comment-info {
	margin : 0;
	background : transparent url(ico_comments.png) no-repeat 0 40%;
	padding-left : 13px;
}


/* Footer
------------------------- bas de page ------------------------------- */
#footer {
	width : 989px;
	clear: both ;
	margin: 0 0 0 0 ;
	padding: 3px 0.5em 5px 0 ;
	color: #FFFFFF ;
	background: #7DA3B2 ;
	font-size: 0.8em ;
	text-align: right ;
	line-height: 100% ;
	border-left : 0.01em solid #D4D5D6 ;
	border-top : 0.01em solid #7DA3B2 ;
	border-right : 0.01em solid #1F3D49 ;
}

#footer a {
	color : #FFFFFF;
	text-decoration : none;
}


/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}