/* Start of CMSMS style sheet 'I-famille-base' */
* {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: underline; background-color: inherit; color: #18507C;}

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

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

h1 {font:24px Arial, Helvetica, sans-serif;}

/* maquette */
body {background: #b7e5c7 url(images/ciel.jpg) repeat-x; color: #666; margin:0; }

div#pagewrapper {margin: 0 auto; width:898px; background-color: #fff; color: black;}

/* header */
div#header {height: 170px;}

div#header h1 a {display: block; height: 170px; background: #d5edb3 url(images/couv-prep2_01.jpg) no-repeat 0; font: 32px Arial, Helvetica, sans-serif; color:#5c743d; line-height:150px; font-style:normal; letter-spacing:.2em; text-indent: -750px; text-decoration:none;}

div#tagline {position:absolute; left:20px; top:100px; font:11px; color: #993300; letter-spacing:.4em; line-height:18px; text-indent: -750px;}

/* position for the infos box */
div#infobox {float:right; width: 95px; margin: -134px 25px 0 0; font-size:11px; font-weight:bold; line-height:17px;}

/* position for the search box */
div#mosearch form {float: right; width: 194px; margin: -36px 0 0 0;}

div#mosearch input {height:15px;}

div#mosearch input[type="text"]{width:80px; border: none; background: url(images/search.png) right top no-repeat; color:#5c0092; margin:0; padding: 0 0 0 30px; vertical-align:baseline; font:11px Arial, Helvetica, sans-serif; font-weight:bold;}

div#mosearch input[type="submit"]{width:57px; border:none; background: url(images/butsearch.png) left top no-repeat; color:#5c0092; vertical-align:baseline; font-size:12px; font-weight:bold; cursor:pointer;}

/* position for the rss box */
div#rssbox {float:left; width: 332px; text-align: right; font-weight:bold; padding: 5px; margin: -30px 0 0 325px; background-color:#transparent;}

div#rssbox a {text-decoration:none;}

.dashedline {clear:both; background-color:#99cc66; height:3px; background-image:url(images/cms/mm_dashed_line.gif);}

div#underhead {clear:both; background-color:#6d939c; height:24px; background-image:url(images/couv-prep2_02.jpg); background-repeat: no-repeat;}

div.breadcrumbs {margin: 0 0 0 41px; padding: 5px 0; font-size: 11px; color:#fff;}

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

/* position for the newsletter box */
div#blocnewsletter {float: right; width: 170px; height:24px; text-align: right; padding: 0; margin:0; background-color:#transparent;}

.sepline {clear:both; background-color:#fff; height:5px; background-image:url(images/couv-prep2_03.jpg); background-repeat: no-repeat;}

div#content {margin: 1.5em auto 2em 0;}

div#sidebar {float: left; width: 192px; display: inline; margin-left: 0;}

div#end-menu {height:6px; background-color: #e5eaed;}

div#menusup {width:180px; height:14px; background-image:url(images/menusup.jpg); background-repeat: no-repeat; margin-left: 1em;}

div#main {margin-left: 217px; margin-right: 10px; line-height: 1.5em;}

div#accueil {background-image:url(images/cadre-couv.jpg); background-repeat: no-repeat; padding:10px;}

.accueilSummary {padding: 0.5em 0.5em 1em; margin: 0 0.5em 1em 0.5em;}

.summarytxt {text-align:left;}

div#enfance {}

div#adolescense {clear:both; background-image:url(images/cadre-couv.jpg); background-repeat: no-repeat; padding:10px;}

div#coldr {float:right; width : 46%; padding:10px; margin-bottom:10px;}

div#colga {width : 44%; padding:10px; margin-bottom:10px;}

div#maincontent {float:left; width: 400px; text-align:justify;}

#imgdr {padding-left: 10px;}

.imgdr {padding-left: 10px;}

div#pub {float:right; width: 250px; display: inline; margin: 10px 0 0 10px; padding: 0;}

div#pub .inter {padding:10px; background: transparent url(images/colonne-pub.jpg) no-repeat;}

div#tags {padding:10px; font-size:0.8em; visibility:hidden;}

div#footer {clear: both; color: #5c743d; background-color: #d5edb3; padding:10px; background: url(images/fond-footer.jpg) no-repeat;}

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

div#footer p a {color: #5c743d;}

div#footer a {color: #5c743d;}

div#footer .colgauche {float: left; width: 130px; margin-left:190px; font-size: 0.8em; border-right:1px solid #5c743d;}

div#footer .coldroite {float: right; width: 130px; margin-right:200px; font-size: 0.8em; border-right:1px solid #5c743d;}

div#footer .colcentre {width: 120px; margin-left:370px; font-size: 0.8em; border-right:1px solid #5c743d;}

div#footer .underfooter {clear:both; display:block; width:100%;}

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

div.left39 {clear:both; width: 39%;}

div.left49 {width: 89%;}

div.left79 {width: 89%;}

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

div.right29 {float: right; width: 9%; text-align: right;}

div#dateformat {font:11px Arial, Helvetica, sans-serif; color: #993300; letter-spacing:.1em;}

/* Styles Contenant */
div#content {}

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

div#content h2 {color: #990000; font-size: 1.5em; text-align: left; padding-bottom: 1px; border-bottom: 1px solid #e7ab0b; line-height: 1.5em; margin: 4px 0 0.5em 0;}

div#content h3 {color: #294B5F; font-size: 1.3em; 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 */

h3 .titres {display:block; background: url(images/fnd-titre.jpg) no-repeat; width:383px; height:24px; padding:3px 0 0 10px;}

.sous-titres {color: #294B5F; font-size: 1em; line-height: 1.3em; margin: -1em 0 1.5em 0; font-weight: bold;}

div.separation {display:block; background: url(images/separateur.jpg) no-repeat; width:383px; height:7px;}

/* Style txt gene */
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 {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 */
/* lists in content need some margins to look nice */
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;}

/* definition lists topics on bold */
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;}

/* END LISTS */

div#comments {width:96%; border: 1px solid #ABC6DD; background-color: #F8FAFA; margin:0; padding:10px;}

div#comments form {margin: 0px; display: inline;}

div#comments input {font-size: 1em; border: 1px solid #ABC6DD; background: #fff;}

div#comments textarea {font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ABC6DD; background: #fff; width: 280px; height: 200px;}

div#comments textarea:hover{border: 1px solid #ff6600; background: #E2EBEB;}

div#comments input:hover, input:focus, select:hover, checkbox:hover {border: 1px solid #ff6600; background: #E2EBEB;}

div#comments input[type="text"]{width: 100px;}

div#comments input[type="submit"]{cursor: pointer; background: url(images/nav.png) repeat-x left -50px; color:#fff; padding:2px;}

div#comments input[type="submit"]:hover {cursor: pointer; background: url(images/nav.png) repeat-x left 0px;}

div#comments ul, li {list-style-type: none;}

div#comments ul {background-color: #transparent; margin:7px 0 0 -30px; padding:0;}

div#comments li {background-color: #fff; border: 1px solid #ABC6DD; width:360px; padding:5px;}

div#comments .comtxt {vertical-align:text-top;}

div#ref {float:right;}

.virtualpage{ /*hide the broken up pieces of contents until script is called. Remove if desired*/
display:none;
}
.paginationstyle{ /*Style for demo pagination divs*/
width:250px; text-align:center; padding:2px 0; margin:9px 0;
}
.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border:1px solid navy; margin:0 15px;
}
.paginationstyle a{ /*Pagination links style*/
padding:0 5px; text-decoration:none; border:1px solid black; color:navy; background-color:white;
}
.paginationstyle a:hover, .paginationstyle a.selected{ color:#000; background-color:#FEE496; }
.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border:0; padding:0;
}
.paginationstyle a.imglinks img{ vertical-align:bottom; border:0; }
.paginationstyle a.imglinks a:hover{ background:none; }
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color:#000; background-color:yellow;
}

.formnews {margin-top:10px; text-align: left; color: #142850; font-size: 11px; padding: 10px; background: url(images/formu.jpg); border: 1px solid #142850;}

.formnews input:hover, input:focus, select:hover, checkbox:hover {border: 1px solid #ff6600; background: #E2EBEB;}

.formnews input[type="text"]{width: 100px;}

.formnews input[type="submit"]{cursor: pointer; background: url(images/nav.png) repeat-x left -50px; color:#fff; padding:2px; border: 1px solid #ff6600;}

.formnews input[type="submit"]:hover {cursor: pointer; background: url(images/nav.png) repeat-x left 0px;}

.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;}

div#fluxrss {padding: 0.5em 0.5em 1em; margin: 0 0.5em 0 0.5em; font-size:10px; font-weight:bold;}

div#newsrss {margin: 0 0 1em 1em; background: transparent url(images/colonne.jpg) no-repeat;}

div#newsrss h2 {line-height: 2em; border: 0; margin-bottom:-5px; margin-left: 0.5em;}

.rsstxt {padding: 0.5em 0.5em 1em; margin: 0 0.5em 0 0.5em; font-size:10px;}

#s3slider {width: 380px; height: 200px; position: relative; overflow: hidden; border: 1px solid #115288;}

#s3sliderContent {width: 420px; position: absolute; top: 0; left: 0px;}

.s3sliderImage {position: relative; display: none; left:-36px;}

.s3sliderImage a, a:visited {text-decoration:none;}

.s3sliderImage span {position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 364px; background-color: #719498; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; bottom: 0; text-align:left;}

.s3sliderImage span a {color:fff; text-decoration:none;}

.s3sliderImage span strong {font-size: 12px; line-height:1.2em;}

.top {top: 0; left: 0; height: 55px;}

.bottom {bottom: 0; left: 0;}

.left {top: 0; left: 0; width: 110px !important; height: 190px;}

.right {right: 0; bottom: 0; width: 90px !important; height: 190px;}

.clear {clear: both;}

.trombi {border: 0pt none; margin: 3px 0px 0px 0px; padding:5px; float: right;}

.bloc-info {width:96%; border: 1px solid #ABC6DD; background-color: #EEE2F6; margin:0; padding:10px;}

.tellafriendform {background: #F8FAFA;}

.tellafriendform a {text-decoration:none;}

.tellafriendform img {width:200px;}

.tellafriendform ul  {margin:0; padding:0;}

.tellafriendform input {font-size: 1em; border: 1px solid #ABC6DD; background: #fff;}

.tellafriendform input:hover, input:focus, select:hover, checkbox:hover {border: 1px solid #ff6600; background: #E2EBEB;}

.tellafriendform input[type="submit"]{cursor: pointer; background: url(images/nav.png) repeat-x left -50px; color:#fff; padding:2px;}

.tellafriendform input[type="submit"]:hover {cursor: pointer; background: url(images/nav.png) repeat-x left 0px;}

div#social {background: url(images/bandeau-social.jpg) no-repeat; width:406px; height:48px; padding:2px 0 0 10px;}
/* End of 'I-famille-base' */