@import url("reset.css");

body { 
	font-family: Arial, Helvetica, sans-serif; width:100%; margin:0 auto; font-size:1em;		
	height : 100%;
}

#global {	
	height : 100%;
}
/** HEADER */

#header #container {
	width: 810px; margin-right: auto; margin-left: auto; height : 100%;
}

#header #container #logo {
	/*float : left; height : 200px; width : 500px; color : #FFFFFF; text-transform: uppercase;*/
	
	/*float : left;*/
}

#header #container #logo img {
	position : relative ; left : 210px; top : -10px; 
 }

#header #container #logo h1 {
	display : none; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 1em;
}

#header #container #logo h1 span {
	display : block; margin : 5px 0px 0px 55px;
}

#header #container #logo h2 {
	display : none; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 1em;
}

#header #container #logo p {
	position : relative ; top : -10px; color : #FFFFFF; font-size : .6em; 
}

#header #container #logo a, #header #container a, #header #container { 
	color : #FFFFFF; font-size : .8em; font-weight : normal; text-decoration :  none; 
}

#header #container a, #header #container p{ 

	text-transform: uppercase;
}

#header #container p { 
	font-size : .8em;
	position : relative;
	top : 5px;
	left : 30px;
}
#header #container a { 
	text-decoration : underline;
	font-size : 1em; 
}

#header #container #logo a.selected{
	text-decoration :  underline; font-weight : bold; 
}

#navigation {
	position  :relative ; top : -40px; 
	display : hidden;
}

/** MENU @link $lang/spec.css

/** CONTENT */
#content {
	/*background: #FFF url(../img/commun/separation.gif) no-repeat top center ;	*/
	width: 810px; margin-right: auto; margin-left: auto; 
}

#content h2 {
	display : inline;font-size: .8em; color: #333; font-style: italic; padding : 20px 0px 0px 30px; margin : 0px 0px 50px 0px; width: 100%;	border-bottom-style: solid;	
	border-bottom-color: #E42479; border-top-width: 2px; border-bottom-width: 2px;
}

#content h2 span{
	text-transform: uppercase; color: #D4115B; font-size: 1.3em; height: 50px; padding-top: 20px; font-style: normal; padding-left: 0px;
}

#content blockquote{ 
	background : #FFFFFF url(../img/commun/fond_quote.jpg) repeat-x;  font-size: .8em; line-height : 18px; color : #FFF; text-align:center; width :  410px; height : 150px;
}

#content blockquote strong{ 
	display : block; margin : 10px; padding : 40px 0px 0px 50px; width : 70%; 
}

#content .rubrique {
	overflow:hidden;
}

#content .description {
	float : left;  width : 320px; padding-right : 40px;
}

#content .schema {

}

#content h3 {
	margin : 10px 0px 5px 30px; padding-left : 10px; color:#D4115B; font-size:.8em; font-weight:bold; text-align:left; border-left :  #D4115B 4px solid;
}

#content h4 {
	margin : 0px 0px 10px 30px; font-size:.7em; font-weight:normal; text-align:left; line-height : 16px;
}

#content p{
	margin : 10px 0px 5px 30px; font-size: .7em; text-align:justify; line-height : 1.3em;
}

#content em {
	color: #D4115B;	font-size: 1em; font-style : normal;
}

#content hr {
	height : 25px; color: #FFF;	border: 0;
}

#content ul {
	margin : 5px 0px 5px 30px; 
}
#content li {
	padding : 5px 0px 0px 0px;
}

#content #exemples li{
	padding : 0px 0px 0px 10px; font-size : .7em; margin : 10px 10px 20px 10px; list-style : circle;  list-style-position: inside;

}

#content #remerciement li {
	padding : 0px 0px 0px 10px; font-size : .8em; margin : 10px 10px 20px 10px; border-left :  #D4115B 4px solid; font-weight : bold;
}

#content a  {
	font-weight : bold; color : #d4115b;
}

#content a:hover  {
	color : #FFF; background : #d4115b; text-decoration : none;
}

#content li a  {
	font-weight : bold; color : #d4115b; font-size : .7em;
}

#content li a:hover  {
	color : #FFF; background : #d4115b; font-size : .7em; text-decoration : none; padding : 2px 6px 2px 2px;
}

#content li a.external  {

}

#content .rightBorder {
	padding-right : 30px;
}

/** L'EQUIPE */



#content #equipe , #content #demo{
	margin : 0px 0px 0px 30px; 	width : 100%; overflow : hidden;
}

#content #equipe #membres, #content #equipe #remerciement{
	float : left;
	width : 100%; margin : 30px 0px 0px 0px;
}

#content #equipe #membres dl{
	color : #333333; font-size: .7em; width : 206px; float : left; margin : 0px 50px 45px 0px;
}

#content #equipe #membres dt{
	font-weight : bold;
}

#content #equipe #membres dd{
	font-style : italic; margin-top : 3px;
}

#content #equipe #membres p{
	font-style : normal; margin : 10px 0px; font-size: 1em;
}

#content #equipe #membres a{
	color : #d4115b; text-decoration : none;
}

#content #equipe #membres a:hover{
	background : #d4115b; color : #FFF; text-decoration : none; padding : 2px 6px 2px 2px;
}

#content #equipe #remerciement
{
	width : 90%; font-size : 1em; border : 1px solid #d4115b; padding : 15px 15px 15px 0px;
}

#content #equipe #remerciement li
{
	font-weight : normal; font-size : .7em; line-height : 1.3em;
}

#content #equipe #remerciement li li
{
	width : 90%; font-size : 1em; border : 0px; margin : 5px 0px 0px 0px;
}

#content #equipe #remerciement li li a
{
	font-size : 1em; line-height : 1.3em;
}

#content #equipe #remerciement span a{
	background : #FFF;  
	font-size : 1em; color : #d4115b; font-weight : bold; margin-top : 20px; padding : 2px 6px 2px 2px;
}

#content #equipe #remerciement span a:hover{
	background : #d4115b;
	text-decoration : none; font-size : 1em; color : #FFF; font-weight : bold; margin-top : 20px; padding : 2px 6px 2px 2px;
}


/** DEMO */



/** ACTUALITE */

 #content #actualite{
	margin : 0px 0px 0px 0px; width : 95%; overflow : hidden;
}


 
#content #actualite  span{
	
	color : #FFF;
	font-weight : bold;
	font-size : .8em;
	background : #d4115b;
	padding : 2px 6px 2px 2px;
 }
 
 #content #actualite  span.date{
 
	font-size : .7em;
	color : #d4115b;
	background : #FFF;
	
 }
 
 #content #actualite img{
	margin : 0px 20px 20px 0px;
	float : left;
 }
 
 #content #actualite p{
	font-size : .7em;
 }
 
 /** MENTIONS */
 
 
 #content address {
	background : #225374 url(../img/commun/fond_quote.jpg) repeat-x;  font-size: 1em; line-height : 18px; color : #FFF; font-style : normal; font-weight : bold; text-align:center; width :  250px; height : 110px; padding : 10px 0px 0px 0px; margin : 0px 0px 0px 30px;
 }
 
 

/** FOOTER */

#footer {
	background-color: #88aa94; 
	width: 100%;  margin-top : 5px; margin-right: auto; margin-left: auto; padding : 10px 0px;
}

#footer ul {
	text-align : center;
}

#footer ul li{
	font-family: Verdana, Helvetica, sans-serif;
	display : inline; margin : 5px;
	text-decoration : none; font-size : .6em; font-weight : bold; text-transform: uppercase; color : #000; color : #D4115B;
}

#footer ul li a, #footer ul li span{
	text-decoration : none; font-weight : bold; text-transform: uppercase; color : #FFF;
}

#footer ul li span  {
	margin : 0px 0px 0px 10px;
}

/** POP UP */

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

#contact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:12px;
	font-size:13px;
}


/* Real Person jQuery plugin styles v1.0.1. */
.realperson-challenge {
	display: block;
	color: #000;
}
.realperson-text {
	font-family: "Courier New",monospace;
	font-size: 6px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 3px;
}
.realperson-regen {
	padding-top: 4px;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}

.hasRealPerson { margin-left:170px;}