﻿/* CSS FREE */

body{
	background-color: #003300;
	margin-top: 10px;
}

/* style : pageLayouts.css */
.pageContent {
	font-family: Georgia, Constantia, Cambria, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	color: #003300;
	font-size: 12pt;
}
/* uniquement pour FREE-Gabarit03 */
.pageContentGabarit03 {
	margin-top:-20px;
	font-family: Georgia, Constantia, Cambria, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	color: #003300;
	font-size: 12pt;
	}

a{color:#009900; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
a img {border: 0 none;}

h1 {
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	color: #006600;
	font-size: 16pt;
	font-weight: bold;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #006600;
}
h2 {
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	color: #009900;
	font-size: 14pt;
	font-weight: bold;
}

p {
	text-indent: 1em;
	/* **hauteur de l'interligne** line-height: 1.0;*/
}

#container{margin:0 auto; width:1000px; position:relative; background-color: #FFF; }

/* en-tête */

#header{float: left; width: 980px; height: 110px; margin-top: 10px; margin-left: 10px; 
background-image:url("http://www.free-project.eu/Style%20Library/FREE/images/background-header.png");}

#logoFREE{float: left; width: 220px; height: 110px;}

#txt_log {position: absolute; left: 240px; top: 80px; height: 40px; width: 80px;}

/* menu */

#menu {float: left; left: 222px; width: 760px; height: 60px; margin-top: 6px;}
#bouton1 {float: left; width: 110px; height: 60px;}
#bouton2 {float: left; left: 220px; width: 110px; height: 60px;}
#bouton3 {float: left; left: 330px; width: 110px; height: 60px;}
#bouton4 {float: left; left: 440px; width: 110px; height: 60px;}
#bouton5 {float: left; left: 550px; width: 110px; height: 60px;}
#bouton6 {float: left; left: 660px; width: 110px; height: 60px;}
#bouton7 {float: left; left: 770px; width: 100px; height: 60px;}



/* moteur de recherche */

#zoneMoteurRecherche {
	float : right;
	width: 190px;
	height: 30px;
	margin-top: 10px; 
	margin-right: 3px;
	color: #FFFFFF;
}

#zoneMoteurRecherche p {
	margin-left: 5px;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 2px;
	font-weight: normal;
}

#zoneMoteurRecherche a { color: #FFFFFF; text-decoration: none;}
#zoneMoteurRecherche a:hover { color: #FFFFFF; text-decoration: underline;}

.ms-sbtext {
	margin-left: 5px;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 2px;
	font-weight: bold;
}
.ms-sbcell {
	margin-left: 5px;
	color: #FFFFFF;
	font-size: 16px;
	margin-top: 2px;
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	font-weight: normal;
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 0px !important;
}
.ms-sbgo {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
}
.ms-sbcell a {
	color: #FFFFFF;
	text-decoration: none;
}
.ms-sbcell a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.ms-sbtable {
	margin-bottom:0px;
	margin-top:0px;
	font-size: 12px;
}
TD.ms-sbcell {
	padding-left: 6px;
}

/* bouton newsletter */

.bouton-newsletter a {
	display:block;
	width:170px;
	height:110px;
	background:url('http://www.free-project.eu/Style%20Library/FREE/images/rollover/bouton-newsletter-off.png') no-repeat;
	}
.bouton-newsletter a:hover {
	background:url('http://www.free-project.eu/Style%20Library/FREE/images/rollover/bouton-newsletter-on.png') no-repeat;
}
			
#colonnegauche {
	float: left;
	margin-left: 10px;
	width: 170px;
	height: auto;
	vertical-align: top;
}

/* style : core.css - colonne gauche */

/*** hidden line sous menu gauche ****/

.ms-WPBorder, .ms-WPBorderBorderOnly {
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}

/*** hidden ligne sous le titre ***/

.ms-WPHeader td {
	border-bottom-color: #fff;
}	

/* fin hidden line */

.ms-WPTitle {
	color: #006600;
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	font-size: 16pt;
	padding-top: 10px;
}
.ms-WPBody {
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	font-size: 12pt;
}

/* style : essca2.css - colonne gauche */

/* sous-menu_cible */

#sousmenucible ul {
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	color: #003300;
	font-size: 10px;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 5px;
}
#sousmenucible a {
	display:block;
	color: #003300;
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	text-decoration: none;
}
#sousmenucible a:hover {
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	color: #fff;
	background-color: #006600;
	text-decoration: none;
}
#sousmenucible a:active {
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	color: #fff;
	background-color: #006600;
	text-decoration: none;
}

/* mettre la zone Share au dessus zoneCentre */
#zoneShare {
	float: left;
	width: 810px;
	height: auto;
	margin: 0px;
	}

#zoneCentre {
	float: left;
	width: 810px;
	height: auto;
	min-height: 325px;
	background: url("http://www.free-project.eu/Style%20Library/FREE/images/trait-vertical-3couleurs.png") repeat-y;
	/* Pour zone Share  - margin-top: 0px;*/
	margin-bottom: 10px;
	}

#texteZoneCentre {
	float: left;
	margin-left: 16px;
	margin-top: -8px;
	width: 794px;
	height: auto;
	}
	
#texteZoneCentre ul li {
  width: auto;
  margin-right: 0;
}
/* style : pageLayouts.css - supprimer trait */
	
.header {
	border-bottom-width: 0px; 
	border-bottom-style: solid; 
	border-bottom-color: #ccc;
	}

/* bloc Gabarit 6 - height auto */

#bloc_gabarit6  {
	float: left; 
	margin-top: 5px; 
	width: 780px;
	height: auto;
	margin: 0px !important;
	}

#bloc_collaborateur {
	float: left; 
	width: 220px; 
	margin: 0px !important;
    font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	}
	
#bloc_collaborateur  p {
	text-indent: 0em;
	margin: 0px !important;
	}
	
#bloc_t1collaborateur {
	float: left;
	width: 360px; 
	margin-left: 10px;
	text-align: justify;
	}
#bloc_t1collaborateur  p {
	text-indent: 1em;
	margin: 0px !important;
	}	
	
#bloc_t2collaborateur {
	float: right;
	width: 180px; 	
	font-size: 10pt;
	font-style: italic;
	text-align: right;
	margin: 0px !important;
	}
	
#bloc_t2collaborateur  p {
	text-indent: 1em;
	margin: 0px !important;
	}		
	
	
/* bloc Gabarit 7 */

#bloc_gabarit7  {
	margin-top: 5px; 
	width: 780px; 
	height: auto;
	margin: 0px !important;
	}	
#bloc_collaborateur7 {
	float: left; 
	width: 220px; 
	margin: 0px !important;
    font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	}
#bloc_collaborateur7  p {
	text-indent: 0em;
	margin: 0px !important;
	}	
#bloc_t1collaborateur7 {
	float: left;
	width: 540px; 
	margin-left: 10px;
	text-align: justify;
	}
#bloc_t1collaborateur7  p {
	text-indent: 1em;
	margin: 0px !important;
	}
	
#TexteHeader {
	float: right; 
	width:160px; 
	height:20px; 
	margin-top: 10px; 
	margin-right : -8px;
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; 
	font-size: 12pt; color:#FFFFFF !important;}
	
#TexteHeader a:link { color:#FFFFFF; text-decoration:none;}
#TexteHeader a:visited {color:#FFFFFF; text-decoration:none;}
#TexteHeader a:hover {color:#FFFFFF; text-decoration:none;}
/* footer */

#footerFree  {
	float: left; 
	width: 980px; 
	height: 80px;
	margin-left: 10px;
	margin-bottom: 10px;	
	background-image:url("http://www.free-project.eu/Style%20Library/FREE/images/footer.png");
	}
#footerFree a:link { color:#FFFFFF; text-decoration:none;}
#footerFree a:visited {color:#FFFFFF; text-decoration:none;}
#footerFree a:hover {color:#FFFFFF; text-decoration:none;}

#TextefooterFree {
	float: left; 
	margin-left: 140px;
	width:700px; 
	height:20px; 
	margin-top: 10px; 
	font-family: Georgia, Constantia, Cambria, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	font-size: 12pt;
	color:#FFFFFF; 
	text-align: center;
	}
#footerlogoFree {
	float: right; 
	margin-top: 5px; 
	margin-right:15px; 
	width:65px; 
	height:45px; 
	background-image:url("http://www.free-project.eu/Style%20Library/FREE/images/logo-7.png");
	}

/* News */

.News {
	margin-bottom:0px; 
	border-bottom: solid 1px #fff; 
	width:100%; 
	}
		
.item-news {
	margin-bottom:6px;
	margin-top:6px;
	margin-left:4px;
	margin-right:0px;
	clear:both;
	width:210px;
	background: #006600;
	color:#fff;
}

.item-actus {
	margin-bottom:6px;
	margin-top:6px;
	margin-left:4px;
	margin-right:0px;
	clear:both;
}

.Description {
	color: #003300;
	font-family: Georgia, Constantia, Cambria, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	font-size: 12pt;
	font-weight: normal;
	margin-top: 4px;
}

.link-item, .link-item a, .link-item a:link {
	color:#006600;
	font-family: Tahoma, Corbel, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; 
	font-size: 14pt;
	font-weight: bold;
}

.ms-WPBody A:link, A:visited {
	color:#009900;
}

.ms-WPBody  A:visited {
	color:#009900;
}

#cadre {
	float:left;
	width: 110px;
	height: 114px;
	background-image:url("http://www.free-project.eu/PublishingImages/elements_graphiques/cadre-esscanet.png");
}
#cadrePhoto {
	float : left;
	width: 80px;
	height: 60px;
	margin-top: 20px;
	margin-left: 10px;
}
.image-fixed-width {
	width: 80px;
	height: 60px;
}


@media print{
#colonnegauche{
	display:none;

}

	#header{
	display:none;

}
#footerFree{
	display:none;
	}
#texteZoneCentre {
	
	width: 600px;
	
	
	}
}