/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:#3a4f6b}
html, input, textarea	{	font-family: Tahoma, Geneva, sans-serif; 
		color:#000101;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{color:#000000; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#1e79a9; background:url(images/marker.gif)  center right no-repeat; padding-right:10px; text-decoration:underline; font-weight:bold }
.link:hover{text-decoration:none }
.link1{color:#e65607; background:url(images/marker1.gif)  center right no-repeat; padding-right:10px; text-decoration:underline; font-weight:bold }
.link1:hover{text-decoration:none }
.link2{color:#e65607; font-weight:bold; }
.link3{color:#1f7aaa }

#content ul {margin:0; padding:0; list-style:none;}
#content ul li {background:url(images/marker1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px;}
#content ul li a {color:#000101; text-decoration: underline; line-height:2.27em; font-weight:bold; font-family:Tahoma, Geneva, sans-serif} 
#content ul li a:hover {text-decoration:none; }

/******* Ajout Accedo *******/
#page2 #content .col-1 ul li a {line-height:1.5em;}
#page3 #content .col-1 ul li a {line-height:1.5em;}

.link-1 { display:block; float:right; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.09em }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 20px 4px 20px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

.link-2 { display:block; float:right; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.09em; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:2px 20px 4px 20px; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}


/*header*/
#header {color:#FFFFFF }
#header .logo{ margin:51px 0 22px -7px; position:relative }
#header .indent{padding:0px 0 0 20px}
#header .indent1{margin:66px 0 0 686px; position:absolute; width:254px}

.button{color:#fff; background:url(images/button.gif) top left no-repeat; padding:2px 22px 9px 22px; text-decoration:none; font-size:1.09em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:middle; float:right  }
.button:hover{text-decoration:underline }

/* #header ul{margin:0; padding:30px 0 0 0; list-style:none; font-family:Arial, Helvetica, sans-serif; position:relative}
#header ul li{ margin:0; display:inline}
#header ul li a{color:#fff; text-transform:uppercase; background:url(images/bg_menu.gif) top left no-repeat; text-decoration:none; margin:0 0 0 0; width:157px; text-align:center; display:block; float:left ; padding:11px 0 11px 0; font-weight:bold} 
#header ul li a:hover { color:#000000; text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat}
#header ul li .current{ color:#000000; text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat;  } */



/*content*/
#content{ font-size:0.6875em; width:100%; text-align:left; font-family:Arial, Helvetica, sans-serif}
#content .indent-main{padding:19px 20px 32px 20px}
#content .indent-col2{padding:15px 0 0 21px}
#content .title{  margin-bottom:22px}
#content .title1{  margin-bottom:42px}
#content .img-left{ float:left; margin:0 15px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 7px 0}
#content .p{ margin:0 0 27px 0}
#content .p1{ margin:0 0 17px 0}
#content h2{color:#010000; font-size:1.09em; margin-bottom:27px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-left:5px  }

/******* Ajout Accedo *******/
#page2 #content .col-1 h2 {margin-bottom:15px;}
#page2 #content .col-1 h2 {margin-bottom:0px;margin-left:0px;}
#page2 #content .col-3 h2 {margin-bottom:0px;margin-left:0px;}
#page2 #content .col-4 h2 {margin-bottom:0px;margin-left:0px;}
#page2 #content .col-3 h3 {margin-bottom:0px;margin-left:0px;}
#page2 #content .col-4 h3 {margin-bottom:0px;margin-left:0px;}
#page2 #content .col-3 h4 {margin-bottom:0px;margin-left:0px;}
#page2 #content .col-4 h4 {margin-bottom:0px;margin-left:0px;}
#page2 #content .col-3 h5 {margin-bottom:0px;margin-left:0px;}
#page2 #content .col-4 h5 {margin-bottom:0px;margin-left:0px;}

#page3 #content .indent-col2 {padding:0;}
#page3 #content .col-1 h2 {margin-bottom:15px;}
#page3 #content .col-1 h2 {margin-bottom:0px;margin-left:0px;}
#page3 #content .col-3 h2 {margin-bottom:0px;margin-left:0px;}
#page3 #content .col-4 h2 {margin-bottom:0px;margin-left:0px;}
#page3 #content .col-3 h3 {margin-bottom:0px;margin-left:0px;}
#page3 #content .col-4 h3 {margin-bottom:0px;margin-left:0px;}
#page3 #content .col-3 h4 {margin-bottom:0px;margin-left:0px;}
#page3 #content .col-4 h4 {margin-bottom:0px;margin-left:0px;}
#page3 #content .col-3 h5 {margin-bottom:0px;margin-left:0px;}
#page3 #content .col-4 h5 {margin-bottom:0px;margin-left:0px;}

#content h3 {color:#010000; font-size:1em; margin-bottom:11px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
#content h4 {color:#010000; font-size:1em; margin-bottom:3px; font-family:Arial, Helvetica, sans-serif;  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:13px; margin-bottom:28px; overflow:auto}
#content .tail1{ background:url(images/tail3.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:21px; overflow:auto}
#content .tail2{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:0px; margin-bottom:11px; overflow: hidden}
.txt1{ line-height:1.81em}

#content .indent{padding:15px 0 0 0}
#content .indent1{padding:19px 0 0 0}

/*box*/
.box{ background:#eff9ff; width:100%; font-weight:bold; font-size:1.09em}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:9px 20px 10px 13px; }
/*box1*/
.box1{ background:#ffffff; width:100%; font-family:Tahoma, Geneva, sans-serif}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:12px 20px 0 21px; }

/******* Ajout Accedo *******/
#page2 #content .col-1 .box1 .indent-box {padding:12px 15px 20px 15px;}
#page2 #content .col-5 .box1 .indent-box {padding:12px 15px 20px 15px;}

#page3 #content .col-1 .box1 .indent-box {padding:12px 15px 20px 15px;}
#page3 #content .col-5 .box1 .indent-box {padding:12px 15px 20px 15px;}

/*box2*/
.box2{ background:#fffbe4; width:100%; font-family:Tahoma, Geneva, sans-serif; line-height:1.81em}
.box2 .border-top {background:url(images/border_top2.gif) repeat-x top;}
.box2 .border-bottom {background:url(images/border_bottom2.gif) repeat-x bottom;}
.box2 .border-left {background:url(images/border_left2.gif) repeat-y left;}
.box2 .border-right {background:url(images/border_right2.gif) repeat-y right;}
.box2 .corner-top-left {background:url(images/corner_top_left2.gif) no-repeat left top;}
.box2 .corner-top-right {background:url(images/corner_top_right2.gif) no-repeat right top;}
.box2 .corner-bottom-left {background:url(images/corner_bottom_left2.gif) no-repeat left bottom;}
.box2 .corner-bottom-right {background:url(images/corner_bottom_right2.gif) no-repeat right bottom; width:100%; }
.box2 .indent-box{ padding:11px 20px 0 21px; }

/******* Ajout Accedo *******/
#page2 #content .col-2 .box2 .indent-box {padding:12px 15px 20px 15px;}
#page2 #content .col-1 .box1 .indent-box h2 {padding-bottom:25px;}
#page3 #content .col-2 .box2 .indent-box {padding:12px 15px 20px 15px;}
#page3 #content .col-1 .box1 .indent-box h2 {padding-bottom:25px;}


/*footer*/
#footer { color:#9cb4be; font-size:0.6875em; }
#footer .indent-footer{ padding:27px 0 0 20px;}
#footer a {color:#9cb4be; text-decoration:none;  text-transform:uppercase;}  
#footer a:hover {  text-decoration:underline}
#footer span { font-size:.909em}  
#footer strong{ text-transform:uppercase; color:#e7f6fd; font-weight:normal}
#footer span a {color:#9cb4be; text-decoration:underline; text-transform:none}  
#footer span a:hover {  text-decoration:none}

.indent-2 {position:relative; padding-right:7px; float:left;}
.h {height:25px; background:url(images/bg_input.gif) no-repeat top left;}
.h1 {height:134px; background:url(images/bg_textarea.gif) no-repeat top left;}
.block-contact span {float:right; margin-right:20px;}
.block-contact1 span {float:right; margin-right:10px;}
.input{
  border:1px solid #94b0bf; 
  background:#f4f4f4;
  width:155px; height:20px;
  font-size:1em;
  vertical-align:middle;
  padding-left:5px;
  padding-top:4px;
}
input{
  border:none; 
  background:none;
  width:265px; height:21px;
  font-size:1em;
  padding-left:5px;
}
textarea{
  border:none; 
  background:none;
  width:265px; height:109px;
  font-size:1em;
  padding-left:5px;
  overflow:auto;
}
	
	
	

/******* Styles Philippe *******/

#header ul{
	margin:0;
	padding:20px 0 0 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
}
#header ul li{
	background:url(images/bg_menu.gif) top left no-repeat;
	margin:0;
	display:block;
	float: left;
	width: 235px;
	height: 65px;
}
#header ul li a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 0 0;
	display:block;
	width: 140px;
	height: 40px;
	padding:25px 0 0 95px;
	font-weight:bold;
	font-size: 1em;
} 
#header ul li:hover {
	text-decoration:none;
	background:url(images/bg_menu-act.gif) top left no-repeat;
}
#header ul li a:hover {
	text-decoration:underline;
}
#header ul li.current{
	text-decoration:none;
	background:url(images/bg_menu-act.gif) top left no-repeat;
}
#header ul li.menu1 a {
	background: url(images/menu1.png) no-repeat 30px 6px;
}
#header ul li.menu2 a {
	background: url(images/menu2.png) no-repeat 30px 6px;
}
#header ul li.menu3 a {
	background: url(images/menu3.png) no-repeat 30px 6px;
}
#header ul li.menu4 a {
	background: url(images/menu4.png) no-repeat 30px 5px;
}
#content {
	clear: both;
}
#banner {
	padding-top: 20px;
	position: relative;
}
#banner a {
	position: absolute;
	top: 30px;
	left: 20px;
}
#banner .slogan {
	position: absolute;
	top: 100px;
	left: 95px;
	font-size: 14px;
}
/* GLOSSAIRE */
dl.tx-contagged-single dt {
  color:#27a;
  font-size:16px;
	font-weight:bold;
}
span.glossaire a {
	/*font-weight:bold;*/
	color:#27a;
	font-style:italic;
	text-decoration:none;
  border-bottom: 1px dotted #27a;
}
/*
<form action="raz/contact/" id="mailform" enctype="multipart/form-data" method="post" onsubmit="return validateForm('mailform','Nom,Nom,Prenom,Prenom,Adresse_email,Adresse%20email,Commentaires,Commentaires,attachment1,Fichier','','','')">
<div style="display:none;">
<input type="hidden" name="html_enabled" id="mailformhtml_enabled" value="1" />
<input type="hidden" name="subject" id="mailformsubject" value="contact raz-energie" />
<input type="hidden" name="locationData" value="42:tt_content:147" />
</div>
<fieldset class="csc-mailform">
<div class="csc-mailform-field">
	<label for="mailformNom">Nom</label>
	<input type="text" name="Nom" id="mailformNom" size="20" value="" />
</div>
<div class="csc-mailform-field">
	<label for="mailformPrenom">Prenom</label>
	<input type="text" name="Prenom" id="mailformPrenom" size="20" value="" />
</div>
<div class="csc-mailform-field">
	<label for="mailformAdresse_email">Adresse email</label>
	<input type="text" name="Adresse_email" id="mailformAdresse_email" size="20" value="" />
</div>
<div class="csc-mailform-field">
	<label for="mailformCommentaires">Commentaires</label>
	<textarea name="Commentaires" id="mailformCommentaires" cols="20" rows="5"></textarea>
</div>
<div class="csc-mailform-field">
	<label for="mailformattachment1">Fichier</label>
	<input type="file" name="attachment1" id="mailformattachment1" size="20" />
</div>
<div class="csc-mailform-field">
	<input type="submit" name="formtype_mail" id="mailformformtype_mail" value="Envoyer" class="csc-mailform-submit" />
</div>
</fieldset>
</form>
*/
/* FORMULAIRES */
.csc-mailform-field {clear:both;}
.tx-thmailformplus-pi1 h3 {margin:20px 0px 0px 0px;padding:0;}
.tx-thmailformplus-pi1 fieldset {margin-top:20px;}
.tx-thmailformplus-pi1 fieldset, #mailform fieldset.csc-mailform {border:none;}
.tx-thmailformplus-pi1 .csc-mailform-field, #mailform .csc-mailform-field {margin:2px;}
.tx-thmailformplus-pi1 .csc-mailform-field label, #mailform .csc-mailform-field label {
	width:175px;
	float:left;
	clear:both;
	text-align:right;
	line-height:20px;
	margin:2px;
}
.tx-thmailformplus-pi1 .csc-mailform-field label {width:290px;}
.tx-thmailformplus-pi1 .csc-mailform-field input, #mailform .csc-mailform-field input {
	width:258px;
	border:1px solid #aaa;
	float:left;
	margin:2px;
}
.tx-thmailformplus-pi1 .csc-mailform-field input.csc-mailform-submit, #mailform .csc-mailform-field input.csc-mailform-submit {
	float:left;
	clear:both;
	width:258px;
	margin-left:182px;
}
.tx-thmailformplus-pi1 .csc-mailform-field textarea, #mailform .csc-mailform-field textarea {
	width:258px;
	border:1px solid #aaa;
	margin:2px;
}

/* GOOGLE MAP */
.tx-wecmap-pi1 .tx-wecmap-map {margin-top:20px;border:1px solid #888;}

/* TT_NEWS */
.news-list-container {margin:0;padding:0;border:none;background:none;font-size: 1em;}
.news-list-container span {color:#888;font-size:0.85em;line-height:6px;}
.news-list-container p.bodytext img {margin:0;padding:0;border:none;}
.news-list-container p.bodytext {padding-bottom:6px;}
.news-single-item {border:none;}

/* RTE */
p.align-right {text-align:right;}

/* MENU */
/* ul.menu-level1, ul.menu-level2, li.normal, li.with-subpage, li.current-active */
#content ul.menu-level1 {margin-bottom:10px;}
#content ul.menu-level2, #content ul.menu-level3 {padding-bottom:4px;}

#content ul.menu-level1 li {background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:10px;line-height:20px;}
#content ul.menu-level2 li {background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:10px;line-height:20px;}
#content ul.menu-level3 li {background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:10px;line-height:20px;}

#content ul.menu-level1 li.with-subpage {background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:10px;line-height:20px;}
#content ul.menu-level2 li.with-subpage {background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:10px;line-height:20px;}
#content ul.menu-level3 li.with-subpage {background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:10px;line-height:20px;}

#content ul.menu-level1 li.with-subpage, #content ul.menu-level1 li {background:#ffb049;margin:1px;}
#content ul.menu-level1 li.with-subpage, #content ul.menu-level1 li {background:#fedbaf;margin:1px;}
#content ul.menu-level2 li.with-subpage, #content ul.menu-level2 li {background:#fbf1e5;margin:1px;}
#content ul.menu-level3 li.with-subpage, #content ul.menu-level3 li {background:#ffffff;margin:1px;}

#content ul.menu-level1 li a {text-decoration:none;color:#000;font-weight:normal;}
#content ul.menu-level2 li a {text-decoration:none;color:#000;font-weight:normal;}
#content ul.menu-level3 li a {text-decoration:none;color:#000;font-weight:normal;}

#content ul li.current-active a {color:#000;font-weight:bold;}
#content ul li.current-active li a {text-decoration:none;color:#000;font-weight:normal;}

#content ul.menu-level1 li a:hover, #content ul.menu-level2 li a:hover, #content ul.menu-level3 li a:hover {text-decoration:underline;color:#269;}

/* Haut de Page */
p.csc-linkToTop {text-align:right;}

/* FORMULAUIRE */
#content .row-form {padding:5px 0px;}
#content .row-form input {width:190px; height:20px;border:1px solid #ddd;padding-top:4px;color:red;}
span.envoi input {color:#fff;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:1.09em;font-weight:bold;width:150px;margin:0;padding:0;}
span.envoi {display:block;float:right;background:url(images/link_bg.gif) left top repeat-x;width:150px;}
span.envoi em { display:block; background:url(images/link_left.gif) no-repeat left top;}
span.envoi b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 0px 4px 0px; font-style:normal;}

/* SLIDESHOW */
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:455px; margin:1px 0px 0px 0px;display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:455px; height:300px; padding:0px; border:0px solid #ccc; background:#000;}
#information {position:absolute; bottom:0; width:455px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);}
#information h3 {padding:4px 8px 3px; font-size:14px; color:#fff;font-family:Verdana,Arial;text-transform:none;}
#information p {padding:0 8px 8px;font-size:12px;font-family:Verdana,Arial;}
#image {width:455px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150;}
#imgprev {left:0; background:url(slideshow/images/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(slideshow/images/right.gif) right center no-repeat;}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(slideshow/images/link.gif) center center no-repeat;}
#thumbnails {margin-top:1px;height:81px;margin-bottom:10px;}
#slideleft {float:left; width:20px; height:81px; background:url(slideshow/images/scroll-left.gif) center center no-repeat; background-color:#222;}
#slideleft:hover {background-color:#333;}
#slideright {float:right; width:20px; height:81px; background:#222 url(slideshow/images/scroll-right.gif) center center no-repeat;}
#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:406px; margin-left:5px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}

h1.slideshow {
	width:445px;
	height:42px;
	margin:0px 0px -10px 0px;
	padding:10px 0px 0px 10px;
	color:#555;
	background:url(images/animation-pedagogique.png) 0 0 no-repeat;
	display:block;
}

/* RTE */
P.align-right {text-align:right;}
P.align-center {text-align:center;}
P.align-left {text-align:left;}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
  content: " ";
  display: block;
	font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */