/* Start of CMSMS style sheet 'CTAGO_css_3' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}

a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C; 
}

a:hover {
   text-decoration: none;
   color: #385C72;
}

/* MISE EN PAGE */


body {
   background: url(uploads/images/CTA-Grand-Ouest/motifgrille.gif); 
   color: #333;
   margin:1.3em;
}


div#fond{
   background-image: url(uploads/images/CTA-Grand-Ouest/suite.gif);
   background-position: 0 0; 
   background-repeat: repeat-y; 
   margin: 0 auto; 
   width:960px;
   background-color: #F5F5F6;
}

div#pagewrapper {
   background-image: url(uploads/images/CTA-Grand-Ouest/fond.gif);
   background-position: 0 120px; 
   background-repeat: repeat-x; 
   margin: 0 auto; 
   width:960px;
   background-color: transparent;
}

div#bordgauche {
   float:left;
   margin: 0 15px 0 0; 
   width:5px;
   height:760px;
   background-image: url(uploads/images/CTA-Grand-Ouest/gauchesuite.gif);
   background-color: #FF0000;
   background-repeat: repeat-y; 
}

div#borddroit {
   float:right;
   margin: 0; 
   width:5px;
   height:760px;
   background-image: url(uploads/images/CTA-Grand-Ouest/droitsuite.gif);
   background-color: #676A7D;
   background-repeat: repeat-y; 
}

div#header {
   height: 120px;
   background: #E2000E;
}

div#header h1 a {
   display: block;
   height: 120px;
   margin: 0 0 0 30px;
   text-indent: -999em;
   text-decoration:none; 
}

div#txtentete {
   font-size:1.5em;
   font-weight: bold;
   line-height:2em;
   color: #FFF;
   padding: 30px 100px 0 225px;
}    

 div#content {
   margin: 10px 0;
}

div#sidebar {
   float: left;  
   width: 180px; 
   display: inline;
   margin-right: 15px; 
   margin-top:20px;
}

div#messagebas {
   width:485px;
   background: transparent;
   font-size:1.3em;
   text-align:center;
   font-weight:800;
   line-height:1.5em;
   color :#FFF;
   padding:10px 0;
}
div#messagebas a {
   text-decoration:none;
   color :#FFF;
}
div#messagebas a:hover {
   text-decoration:none;
   color:#FF0000;
}

div#messagebas2 {
   width:485px;
   background: transparent;
   font-size:1.3em;
   text-align:center;
   font-weight:800;
   line-height:1.5em;
   color :#FF0000;
   padding:10px 0;
}

div#memohaut {
   font-weight: bold;
   font-size:1.2em;
   padding-left: 10px;
}

div#main {
   float:left;
   width:485px;
   margin-right:10px; 
   margin-top:20px;
}

div#page {
   float:left;
   width:600px;
   padding: 10px;
   margin:20px 0 10px 30px;
   line-height: 1.5em;
   text-align:justify;
   background-color: #d2d3d7;
}

div#page-evo {
   float:left;
   width:465px;
   padding:10px;
   margin-right:10px; 
   margin-top:20px;
   margin-bottom:10px;
   line-height: 1.5em;
   text-align:justify;
   background-color: #d2d3d7;
}

div#page-evo ol{
   padding-left: 30px;
}

div#page-evo ul li{
   line-height: 3em;
   background-color: #d2d3d7;
   text-align:left;
   margin-left: 30px;
   list-style-image:url(uploads/images/CTA-Grand-Ouest/carrerouge.gif);
}

div#page-2 {
   float:left;
   width:850px;
   padding: 10px;
   margin:20px 0 10px 30px;
   line-height: 1.5em;
   text-align:justify;
   background-color: #d2d3d7;
}

div#page ol{
   padding-left: 30px;
}

div#page ul li{
   line-height: 3em;
   background-color: #d2d3d7;
   text-align:left;
   margin-left: 30px;
   list-style-image:url(uploads/images/CTA-Grand-Ouest/carrerouge.gif);
}

div#droite-groupe{
   float: left;
   width:200px;
}

div#droite-page{
   float: left;
   width:200px;
   margin-top:20px;
}

div#actu {
   background: url(uploads/images/CTA-Grand-Ouest/motif_actu3.gif) repeat-y;
   width:200px;
   border-top: 2px solid #E2E4E9;
   border-bottom: 2px solid #303134;
   padding:10px;
   margin-top:0px;
}

div#actu p{
   margin-bottom:5px;
}

div#menu-droite {

   width:200px;
   margin-top:20px;
}

div#infos {
   background: url(uploads/images/CTA-Grand-Ouest/motif_actu3.gif) repeat-y;
   float: left;
   width:200px;
   border-top: 2px solid #FFF;
   border-bottom: 2px solid #000;
   padding:10px;
   margin-top:20px;
   text-align:center;
}

div#infos p{
   margin-bottom:5px;
}

div#memobas {
   background: transparent;
   float: right;
   color:#E2000E;
   font-size:1.5em;
   font-weight: bold;
   line-height:1.5em;
   text-align: center;
   width: 200px;
   padding: 20px 30px 0 0;
}

div#footer {
   clear: both; 
   margin-top:30px;
   color: #fff;
   width:960px;
   height:78px;
   background: url(uploads/images/CTA-Grand-Ouest/CTA-footer.jpg);
   background-color: #676A7D;
}

div#footer p {
   font-size: 0.8em;
   letter-spacing:0.3em;
   padding: 1.5em;
   text-align: center; 
   margin: 0;
}

div#footer p a {
   text-decoration: none;
   color: #fff; 
}

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}


/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */

div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}

div#content h2 {
   text-align:center;
   color:#FFF; 
   font-size: 1.5em; 
   background:#E2000E;
   line-height: 1.5em;
   padding-left:0.3em;
   margin: 0 0 0.5em 0;
}

div#content h3 {
   color: #E2000E; 
   font-size: 1.5em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}


code, pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-family: "Courier New", Courier, monospace;
    font-size: 1em;
}

pre {
   border: 1px solid #000;
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */
/* adapté par Lionel Volta */


#menuwrapper {
   font-size:0.9em;
   width: 100%;
   font-weight: bold;
   background-color:#E2000E;
}

#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
   margin-left: 0;
}

#primary-nav ul { 
   position: absolute; 
   top: 0; 
   left: 100%; 
   display: none; 
}

#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 10px 10px; 
   color: #222;
   text-decoration: none; 
   min-height:1em;
}
#primary-nav li { 
   position: relative;
   display: block; 
   background: url(uploads/images/CTA-Grand-Ouest/bouton3.gif) no-repeat;
   background-position:0 0;
   margin-bottom:3px;
   min-height:1em; /* Fixes IE7 bug*/
}

#primary-nav li:hover { 
   background: url(uploads/images/CTA-Grand-Ouest/bouton5.gif) no-repeat;
}


#menuwrapper-droite {
   font-size:0.9em;
   width: 220px;
   font-weight: bold;
   background-color:transparent;

}

#primary-nav-droite, #primary-nav-droite ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
   margin-left: 0;
}

#primary-nav-droite ul { 
   position: absolute; 
   top: 0; 
   left: 100%; 
   display: none; 
}

#primary-nav-droite a { 
   display: block; 
   margin: 0px; 
   padding: 10px 10px; 
   color: #222;
   text-decoration: none; 
   min-height:1em;
   width:100%;
}
#primary-nav-droite li { 
   position: relative;
   display: block; 
   background: url(uploads/images/CTA-Grand-Ouest/menu-droite.jpg) no-repeat;
   background-position:0 0;
   margin-bottom:3px;
   min-height:1em; /* Fixes IE7 bug*/
}

#primary-nav-droite li:hover { 
   background: url(uploads/images/CTA-Grand-Ouest/menu-droite-hover.jpg) no-repeat;
}

/* FORMULAIRES */

fieldset div {
   margin-bottom:1em;
}

fieldset div div {
   margin-top:0.5em;
}

fieldset {
   margin-bottom:1em;
   padding:2em 0 0 0;
   border:0;
}

fieldset label {
   width:auto;
   color:#222;
}

legend {
   display:none;
}

textarea {
   margin: 0.7em 0;
   width:98%;
   height: 12em;
   color:#222;
   font-size:1.2em;
   padding:5px;
}

.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

.captcha {
   margin:0.5em 0;
   width:200px;
   text-align:center
}

.captcha img {border:1px solid #F60; margin-bottom:0.5em}

.captcha input {width:196px; margin-top:0.5em}

.submit {
   margin-top:0.5em;
   text-align:center
}

.fbsubmit {
   background-color:#004B96;
   color:#fff;
   padding:3px;
}

.contactform input {border: 1px solid #004B96;}

.contactform input.checkbox {border: none;}

.contactform label {
   display: block;
   float: left;
   width: 150px;
}

.contactform label.label {
   display: inline;
   float: none;
   width: 50px;
   font-size: 10px;
}

.contactform textarea {
   background-color: #fff;
   border: 1px solid #004B96;
}

.formulairecontact{
   display:none;
}
.error_message{
   color:red;
}

/* End of 'CTAGO_css_3' */