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

   Général

*******************************************************************************/
html {
	font-size: 100%;
}

body {
  margin: 0;
  padding: 0;	
	background: white;
	color: #333;
	font: 0.75em arial, sans-serif; /* Equivaut à 12px */
	background: url(/images/footer_background.gif) repeat-x left bottom;
}

a {
	color: red;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* Hack pour Firefox supprimant les pointillés lors des clics
------------------------------------------------------------------------------*/
a,
input.button {
  outline: none;
}

a:focus,
input.button:focus {
  -moz-outline-style: none;
}

/* Conteneur principal
------------------------------------------------------------------------------*/
div#container {
	width: 775px;
	margin: 0 auto;
}



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

   En-tête

*******************************************************************************/
div#header-container {
	background: url(/images/header_background.gif) repeat-x;	
}

div#header {
	position: relative;
	width: 775px;
	height: 239px;	
	margin: 0 auto;
	background: url(/images/header.jpg) no-repeat;
}

h1#header-logo {
	position: absolute;
	top: 20px;	
	left: 13px;
	margin: 0;
	padding: 0;
}

p#ciat {
	position: absolute;	
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;	
}

div#header a img {
	border: none;
}



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

   Gauche

*******************************************************************************/
div#left {
	float: left;
	width: 181px;	
	padding-left: 16px;
}

/* Menu principal
------------------------------------------------------------------------------*/
ul#main-menu {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	min-height: 310px;
	background: #5db044 url(/images/main_menu_background.jpg) no-repeat right bottom;
}

ul#main-menu a.a-level1 {
	display: block;
	margin-left: -16px;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 48px;
	background: url(/images/main_menu_link1.gif) no-repeat left bottom;
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;	
}

ul#main-menu a.a-level1:hover,
ul#main-menu li.li-current a.a-level1,
ul#main-menu li.li-inPath a.a-level1 {
	background-position: -197px 0;
	color: #5db044;
	text-decoration: none;
}

ul#main-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0 5px 5px 16px;
	background: #f0fce5;
}

ul#main-menu a.a-level2 {
	display: block;
	padding: 5px 0 5px 16px;
	background: url(/images/main_menu_link2.gif) no-repeat left center;
	color: #5db044;
	font-weight: bold;
}

ul#main-menu a.a-level2:hover,
ul#main-menu li.li-current a.a-level2,
ul#main-menu a.a-level2:hover {
	background-position: -165px center;
	color: red;
}

/* Calcul conso
------------------------------------------------------------------------------*/
a#calcul-conso img {
	margin-bottom: 20px;
	border: none;
}


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

   Contenu

*******************************************************************************/
div#content {
	min-height: 475px;	
	margin-left: 197px;
	padding: 0 18px 0 24px;
	background: url(/images/content_background_top.jpg) no-repeat right top;
	zoom: 1; /* Fix IE 6 */
}

p.breadcrumbs {
	position: relative;
	top: -24px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-align: right;
	background: url(/images/breadcrumbs_icon.gif) no-repeat right 4px;
}

p.breadcrumbs span {
	display: block;
	padding-right: 21px;
	color: white;
}

div#content ul.default-list,
div#content div.orchestracms-page ul,
div#content div.orchestracms-sitemap ul {
	list-style-type: none;
	padding: 0;
}

div#content ul.default-list li,
div#content div.orchestracms-page ul li,
div#content div.orchestracms-sitemap ul li {
	padding-left: 9px;
	background: url(/images/puce1.gif) no-repeat 0 4px;
}

div#content ul.default-list ul,
div#content div.orchestracms-page ul ul,
div#content div.orchestracms-sitemap ul ul {
	padding-left: 10px
}

/* Infos sur les résultats
------------------------------------------------------------------------------*/
p.resultsInfo {
	font-style: italic;
}



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

   Pied de page

*******************************************************************************/
div#footer {
	position: relative;
	clear: both;
	height: 59px;
	padding-top: 49px;
	background: url(/images/content_background_bottom.jpg) no-repeat right top;	
}

/* Menu footer
------------------------------------------------------------------------------*/
ul#footer-menu {
	list-style-type: none;
	margin: 0;
	padding: 10px;
	text-align: center;
}

ul#footer-menu li {
	display: inline;
}

ul#footer-menu a {
	margin: 0 10px;
	color: white;
}

/* Copyright
------------------------------------------------------------------------------*/
p#copyright {
	position: absolute;
	top: 59px;
	left: 16px;
	margin: 0;
	padding: 0;
	color: white;
	font-size: 0.8em;
}

p#copyright a {
	color: white;
	text-decoration: none;
}

p#copyright a:hover {
	text-decoration: underline;
}

/* ISICS.fr
------------------------------------------------------------------------------*/
p#isics {
	position: absolute;
	top: 59px;
	right: 8px;
	margin: 0;
	padding: 0;
}

p#isics a img {
	border: none;
}



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

   Page d'accueil

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

/* Dernières news
------------------------------------------------------------------------------*/
div#home-news {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 165px;
	background: #c9dbe9 url(/images/news_latest_background_bottom.gif) no-repeat left bottom;
}

div#home-news h2 {
	margin: 0;
	padding: 5px 0;
	background: url(/images/news_latest_background_top.gif) no-repeat;
	color: #0069b4;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

div#home-news ul {
  list-style-type: none;
	margin: 0;
	padding: 0;
}

div#home-news li {
  margin: 5px 0;
	padding: 5px;
	background: #e4edf4;
	border-top: 1px solid #0069b4;
	border-bottom: 1px solid #0069b4;
}

div#home-news h3 {
	margin: 0;
	padding: 0 0 0 14px;
	background: url(/images/news_latest_title_icon.gif) no-repeat 0 3px;
	color: #0069b4;	
	font-size: 1em;
	font-weight: bold;
}

div#home-news h3 a {
	color: #0069b4;		
}

div#home-news div.catcher {
	font-size: 0.9em;
}

div#home-news a.read-more {
	font-style: italic;
}

div#home-news p.see-all {
	margin: 0;
	padding: 5px 10px 10px 10px;
	font-weight: bold;
	text-align: right;
}



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

   Formulaire

*******************************************************************************/
form.defaultForm fieldset legend {
	font-size: 1.6em;
	font-weight: bold;
	color: #0069b4;
	padding: 70px 0 20px 0;
}

/*ie7  seulement  */
*+html form.defaultForm fieldset legend {
	padding: 10px 20px !important;
	margin: 0 !important;
}

.defaultForm fieldset {
	border: none;
	padding: 0 0 8px 0;
	margin: -50px 0 0 0;
	border-bottom: 1px solid #2b58a4;	
}

/*ie7  seulement  */
* +html form.defaultForm fieldset {
	display: block;
	margin-top: 10px !important;
}

form.defaultForm p {
	margin: 0 0 2px 0;
}

form.defaultForm label {
	display: block;
	float: left;
	margin-right: 10px;
	width: 150px;
	font-weight: bold;
	text-align: right;
	color: #0069b4;
	font-weight: normal;
	font-size: 1.2em;
}

form.defaultForm input.textField, form.defaultForm textarea, form.defaultForm select {
	border: 1px solid #ccc;
}

form.defaultForm textarea {
	margin: 0;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #333 !important;
}

.defaultForm textarea {
	width: 250px !important;
}

.defaultForm  input.button {
	margin: 20px 0 0 190px !important;
}

input.button:focus {
	border: 0 !important;
}

.defaultForm .asterisk {
	color: red;
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
}

.defaultForm .requiredField {
	color: red;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	margin: 0 !important;
	padding: 0;
	text-align: right;
}

.form-errors {
	margin: 0 0 20px 0;
	border: 1px solid red;
	color: red;
}

.form-errors p {
	background: red;
	font-size: 1em !important;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 2px 4px;
}

.form-errors dl {
	padding: 5px;
}

.form-errors dt {
	padding-left: 20px;
	font-weight: bold;
	float: left;
	padding-right: 12px;
	width: 240px;
}

.form-errors dd {
	margin: 0;
}

p.form-error {
  color: red;
	font-weight: bold;
	margin: 0 0 0 160px !important;
}

form.defaultForm p.submit {
	text-align: right;
}

img#cryptogram {
	background: white;
}



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

   Actualité

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

/* Liste
------------------------------------------------------------------------------*/
div.newsList h2 {
	color: red;
	font-size: 1.2em;
	margin: 0;
}

div.newsArticleListFull {
	margin: 0 0 15px 0;
	padding-bottom: 16px;
}

div.newsArticleListFull a.image {
	float: right;
	margin-left: 15px;
}

div.newsArticleListFull a.image img {
	border: 1px solid #333;
}

div.newsArticleListFull div.catcherWithImage {
	min-height: 102px;
}

/* Fiche
------------------------------------------------------------------------------*/
div.newsArticle {
	margin-bottom: 20px;
}

div.newsArticle p.date {
	color: #888;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 3em;
	padding: 0;
}

div.newsArticle div.catcher {
	font-weight: bold;
	text-align: justify;
}

div.newsArticle div.body {
	text-align: justify;
}



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

  Carrousel (fiche actualité)

*******************************************************************************/
div.carousel-component {
	height: 250px;
	list-style-type: none;
	margin: 0 auto 20px auto !important;
	padding: 0;
	width: 220px;
}

div.carousel-component .carousel-list {
	margin: 0;
	padding: 0;
}

div.carousel-component .carousel-list li {
	margin: 0 !important;
	padding: 10px 0 0 0;
	text-indent: 0;
	height: 240px;
	width: 220px;
	background: none;
}

div.carousel-component a img {
	border: none;
}

div.carousel-component p.carousel-image {
	margin: 0;
	padding: 0;
	text-align: center;
}

div.carousel-component p.carousel-image-title {
	color: white;
	height: 40px;
	line-height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

p.carousel-arrow-container {
	background: #3f3f3f;
	color: white;
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	width: 200px;
	text-align: center;
}

img.carousel-prev-arrow {
	cursor: pointer;
	float: left;
}

img.carousel-next-arrow {
	cursor: pointer;
	float: right;
}



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

   Réalisations

*******************************************************************************/
ul.realisations {
  list-style-type: none;
  margin: 0;
	padding: 0;
}

ul.realisations li {
	border: 1px solid #ccc;
	display: block; 
  float: left;
  height: 180px;
  margin: 0 25px 20px 0;
  text-align: center;  
  width: 160px;
}

* html ul.realisations li {
	margin-right: 23px !important;
}

ul.realisations li.lastOfRow {
  margin-right: 0 !important;
}

ul.realisations h2 {
	font-size: 10px;
	height: 30px;
	line-height: 15px;
  margin: 0;
	padding: 0;
  overflow: hidden;
}

ul.realisations p.image {
	height: 120px;
  margin: 0;
	padding: 0;
	background: #ccf3bc;
}

ul.realisations p.image img {
	border: none;
}

ul.realisations div.catcher {	
	font-size: 10px;
	height: 30px;
	line-height: 15px;
  overflow: hidden;
}

ul.realisations div.catcher p {
	margin: 0;
	padding: 0;
}

div.realisation div.carousel-component {
	height: 200px;
}

div.realisation div.carousel-component .carousel-list li {
	height: 190px !important;
}