/* Start of CMSMS style sheet 'Layout: Graph Session' */
* {margin:0; padding:0;}

body {text-align: left; font-family: 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: none; background-color: inherit; color: #501D86; font-weight:bold;}

a:visited {text-decoration: none; background-color: inherit; color: #501D86;}

a:hover {text-decoration: none; background-color: #C3D4DF; color: #FF0000;}

/* styles gene */
body {background-color: #fff; color: #000; margin:0;}

/* center wrapper, min max width */
div#pagewrapper {margin: 0 0; background-color: #fff; background-image:url(images/fnd-bleu.jpg); color: #000;}

/* styles haut */

div#header {height: 80px; background: #607090 url(images/header.jpg) repeat-x;}

div#header h1 a {background: url(images/head.jpg) no-repeat; display: block; height: 80px; width:480px; font: 32px Times New Roman, Times, serif; color: #FFBA00; letter-spacing:.1em; line-height: 66px; text-indent: -320px; text-decoration:none;}

div#tagline {position:absolute; left:495px; top:0; font-family: Helvetica, sans-serif; color: #F1FCFF; line-height: 80px; font-variant:small-caps; font-size:17px; white-space:nowrap;}

div#band_haut {background-color: #CCA200; background-image: url(images/gr-fnd.jpg); background-repeat: repeat-x; width: 100%; height: 24px; margin: 0; white-space:nowrap;}

div#search {float: right; width: 27em; text-align: right; padding: 1.1em 0 0.2em 0; margin: 0 1em;}

div.envbread {border-bottom: 1px solid #cca200;}

div.article {margin-top:3%;}

div.breadcrumbs {padding: 1.5em 0 1.2em 0; font-size: 90%; margin: 0 1em;}

div.breadcrumbs span.lastitem {font-weight:bold;}

div#content {margin: 0 auto 2em 0; width: 990px;}

div#main {margin-left: 29%; margin-right: 2%;}

div#sidebar {float: left; width: 250px; display: inline; margin-top: 14px; margin-left: 14px;}

div#sidebar.hascontent {padding: 0 1%; width: 24%;}

div#cahaut {background-image: url(images/casup.jpg); background-repeat: no-repeat; height:18px;}

div#cabas {background-image: url(images/cainf.jpg); background-repeat: no-repeat; height:18px;}

div#intbar {background-color:#142850;}

div.cadre {border-right: 1px solid #CCA200; border-left: 1px solid #CCA200;}

div.logo {width:230px; margin-left:8px; border: 1px solid #CCA200;}

div#offrespe {margin: 1em 14px 0 14px;}

.pad {padding:0 10px 0 10px; background-color:transparent; background-image: url(images/menu-tet.jpg); background-repeat: no-repeat;}

.offretxt {font:11px Arial, Helvetica, sans-serif; letter-spacing:.1em; line-height:16px; margin: -2px 18px 0 14px; background-color:#142850; border-right:1px solid #CCA200; border-left:1px solid #CCA200; border-bottom:1px solid #CCA200; padding:4px 10px 5px 30px;}

.offretxt a {color: #FFBA00;}

.offretxt a:hover {color: #FFBA00; background-color:transparent;}

#mng {margin:14px 0 0 30px;}

#mng ul li {padding:0 0 0 0;}

.menugtext {margin:0; padding:0 5px 0 0; font:11px Arial, Helvetica, sans-serif; color: #FFBA00; letter-spacing:.1em; line-height:17px; list-style: none;}

.menugtext a {color: #FFBA00;}

.menugtext a:hover {color: #142850;}

.contact {margin: 0 auto; width:378px; height:60px; background-image:url(images/bouton-02.jpg); background-repeat:no-repeat; line-height:60px; text-indent: 17px;}

.contact a {color:#fff;}

.contact a:hover {color:#142850;}

div#footer {clear:both; color: #fff; height: 80px; background: #607090 url(images/footer.jpg) repeat-x;}

div#footer p {font:11px Arial, Helvetica, sans-serif; padding: 14px 0 0 14px;}

div#footer p a {color: #fff;}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {clear:both; height: 1px; margin: 1em; border-bottom: 1px dotted black;}

/* relational links under content */
div.left49 {float: left; width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */}

div.right49 {float: right; width: 49%; text-align: right;}

div.navbas{clear:both;}

div#dateformat {position:absolute; left:760px; top:87px;  font:11px Arial, Helvetica, sans-serif; color: #142850; letter-spacing:.1em;}

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

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

div#content h2 {font:24px Arial, Helvetica, sans-serif; text-align: left; color: #005681; letter-spacing:.1em; font-weight: bold; line-height:26px; padding: 0px 10px 1px 0; margin: 0 0 0.5em 0;}

div#content h3 {font:14px Arial, Helvetica, sans-serif; color: #142850; letter-spacing:.1em; font-weight: bold; line-height:14px; padding:5px 10px 5px 0px; margin-bottom:0;}

div#content h4 {font:13px Arial, Helvetica, sans-serif; color: #142850; letter-spacing:.1em; font-weight: bold; line-height:14px; padding: 5px 10px 5px 0px; margin-bottom:0;}

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

div#content h6 {font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0;}

div.contacr {float:right; margin-top:10px; padding-left:10px; width:293px; height:222px; background-image:url(images/presentation.jpg); background-repeat:no-repeat;}

div.contder {float:right; margin-left:10px; width:295px; height:205px; background-image:url(images/creation-sites-internet.jpg); background-repeat:no-repeat;}

div.contagr {float:right; margin-top:-7px; width:190px; height:240px; background-image:url(images/graph-session-welcome.jpg); background-repeat:no-repeat;}

.intertitre {font-size: 16px; font-weight:bold; color:#142850; letter-spacing:.1em;}
/* END HEADINGS */

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

blockquote {border-left: 10px solid #ddd; margin-left: 10px;}

pre {font-family: monospace; font-size: 1.0em;}

strong, b {font-weight: bold;}

em, i {font-style:italic;}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 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%;}
/* END TEXT */

/* LISTS */
div#main ul, div#main ol, div#main dl {list-style: none; font-size: 1.0em; line-height:1.4em; margin: 0 0 1.5em 0; padding-left: 16px;}

div#main ul li, div#main ol li {padding-left:22px;margin: 0 0 0.25em 0; background: url(images/cms/arrow-vright-active.gif) no-repeat 6px 3px;}

div#dl dt {font-weight: bold; margin: 0 0 0.25em 3em;}

div#dl dd {margin: 0 0 0 3em;}
/* END LISTS */

/* styles formulaire*/
#demand {margin: 0 auto; width:676px; height:574px; background-image:url(images/formulaire.jpg); background-repeat:no-repeat;}

#contentdem {float:left; padding:50px;}

.formu {margin-top:10px; text-align: left; color: #142850; font-size: 11px; padding-left: 10px; padding-bottom: 10px;}

input {color: #142850; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; line-height: 12px; text-align: left;}

.ligne {width:110px; line-height: 27px; padding-left: 12px;}

.ligne2 {width:110px; line-height: 20px; padding-left: 12px;}

.but {padding: 8px;}

.sais {padding-left: 140px;}

.sais1 {padding-left: 12px;}

.sais2 {padding:4px 0 0 12px;}

/* styles visio*/

#visio1 {border-top: 2px solid #000; border-bottom: 2px solid #000;}

#visio2 {float:right; margin-top:30px; padding-left:10px;}

.formnews {margin-top:10px; text-align: left; color: #142850; font-size: 11px; padding: 10px;}

.contactform p {width: 200px; margin: 0; padding: 4px 0 4px 120px; height: 1%;}

.contactform label.lblinp {font-weight: normal; float: left; margin-left: -120px; width: 110px;}

.contactform input[type="text"]{border: 1px #000 solid; width: 120px;}

.contactform textarea{width: 250px; height: 185px; border: 1px #DEEFEF solid;}

#blocnewsletter{float:right; background-image:url(images/fnd-letter.jpg); background-repeat:no-repeat; width:270px; height:135px; margin-top:20px; margin-left:10px;}

.newsletter {padding: 5px 0 0 0;}
/* End of 'Layout: Graph Session' */