@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
*/

/* Les grands blocs */
body.t2xc_body {
	background-image: url(../images/fond-page-1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: rgb(220, 220, 220);	/* #dcdcdc */
}
.barre-gauche {
	position: relative;
	margin-top: 35px;
	margin-right: 0px;	/* Override de la grid */
}
.barre-milieu {
	position: relative;
	z-index: 0;
}
.joomla-header {
	position: relative;	/* pour pouvoir positioner les elements dedans */
	background-image: url(../images/fond_header.png);
    background-position: center bottom;
    background-repeat: repeat-x;
	height: 130px;
}
.contenu {
	background-image: url(../images/fond_contenu.png);
    background-position: left top;
    background-repeat: repeat-y;
	min-height: 400px;
	width: 680px;
	padding-left: 30px;
	margin-left: -10px;
	padding-right: 20px;
	padding-top: 32px;
}
.joomla-footer {
	margin-bottom: 10px;
	min-height: 38px;
	background-image: url(../images/fond_pieddepage.png);
    background-position: left top;
    background-repeat: no-repeat;
	width: 710px;
	padding-left: 10px;
	margin-left: -10px;
	padding-right: 10px;
	padding-top: 4px;
}

/* Dans le pavé Header */
.joomla-header h1 {
	display: none;
}
.header-baseline {
	position: absolute;
	bottom: 0px;
	/*margin: 0px 25px;*/
	width: 100%;
	
	text-align: center;
	color: white;
	font-size: 1.7em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: -2px 2px 2px #000;
}
.header-baseline p {
	margin: 0;
}

/* Dans le pavé Footer */
.joomla-footer {
	color: #fff;
	font-size: 0.9em;
	text-align: center;
}
.joomla-footer p {
	margin: 0;
}
.joomla-footer a {
	color: #fb8b0e;
}
.joomla-footer a:focus, 
.joomla-footer a:hover {
	color:#fb8b0e;
	/*text-decoration:underline;*/
}
.joomla-footer .ligne1 {
	font-size: 1.1em;
}
.joomla-footer .ligne2 {
	margin-top: 10px;
	font-size: 0.9em;
	color: #777;
}
.joomla-footer .ligne2 a {
	color: #222;
}

/* Pave de gauche en haut, avec logo+menu  */
.pave_gauche_top {
	position: relative;
	z-index: 10;
	width: 243px;
	margin-left: 17px;
}
.pave_gauche_top .pave_header {
	background-image: url(../images/bgh_logo.png);
    background-position: right top;
    background-repeat: no-repeat;
	height: 119px;
}
.pave_gauche_top .pave_contenu {
	background-image: url(../images/bgh_milieu.png);
    background-position: right top;
    background-repeat: repeat-y;
	min-height: 20px;
	padding-left: 10px;
}
.pave_gauche_top .pave_footer {
	background-image: url(../images/bgh_bas.png);
    background-position: right top;
    background-repeat: no-repeat;
	height: 42px;
	color: white;
	font-size: 1.8em;
	font-weight: bold;
	padding-left: 35px;
	text-shadow: -1px 1px 2px #000;
}

/* pave de gauche en bas, avec slider "nos réalisations"  */
.pave_gauche_bottom {
	position: relative;
	z-index: 0;
	width: 243px;
	margin-left: 17px;
}
.pave_gauche_bottom .pave_header {
	background-image: url(../images/bgb_haut.png);
    background-position: right top;
    background-repeat: no-repeat;
	height: 35px;
}
.pave_gauche_bottom .pave_contenu {
	background-image: url(../images/bgb_milieu.png);
    background-position: right top;
    background-repeat: repeat-y;
	min-height: 20px;
	padding-left: 15px;
	padding-right: 5px;
	overflow: auto;
}
.pave_gauche_bottom .pave_contenu p {
	margin: 0;
}
/* pour le SlideshowCK :*/
	/*.pave_gauche_bottom .pave_contenu > div {
		position: relative;
		top: -15px;
	}*/
	/* pb des puces du bas avec margin top/bottom 20px */
	.pave_gauche_bottom .camera_wrap .camera_pag .camera_pag_ul li {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.pave_gauche_bottom h3 {
		text-align: center;
	}
	.pave_gauche_bottom div.cameraContent > div > div {
		text-align: center;
	}
.pave_gauche_bottom .pave_footer {
	background-image: url(../images/bgb_bas.png);
    background-position: right top;
    background-repeat: no-repeat;
	height: 36px;
}

/* Pave a droite dans le contenu (module, désactivable) */
#pave-droite-dans-contenu {
	position: relative;
	float: right;
	width: 280px;
	min-height: 490px;
	background-image: url("../images/pave_droite_ombre_g.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: -20px;
	margin-top: -32px;
	padding-top: 32px;
}
	/* pour le SlideshowCK : */
	#pave-droite-dans-contenu h3 {
		text-align: center;	
	}
	#pave-droite-dans-contenu div.cameraContent > div > div {
		text-align: center;
	}

/* aiContactForm : titre de page */
.aiContactSafe .componentheading > h1 {
	height: 27px;
	padding-top: 6px;
	margin-bottom: 0.75em;
	padding-left: 20px;
	margin-left: -20px;
	background: linear-gradient(to right, #c2f0ff 20%, rgba(255,255,255,0) 50% );
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	line-height:1.5;
}

/* Below are the CSS styles that aren't included with Blueprint. 
	It's a good idea to keep them whether or not you use it unless 
	you know what you're doing. */

/* Text styles */
.blog-featured h2 {
	font-size: 1.5em;
	margin-bottom:0em;
}
p.readmore {
	text-indent:0;
	font-size: .9em;
}
a {
	/*color: #82cdff;*/
	text-decoration:none;
}

/* Article functions */
ul.actions {
	/*clear:both;
	margin-top: -50px;*/
	float:right;
	margin-bottom: 0;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}

/* Image float styles */
.img-fulltext-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.item129 {
	background-color: rgb(226, 226, 226);	
}