@charset "utf-8";
/*Filename:style.css
*Description:default CSS
*
*Last revision:
*$Revision: 1 $
*$Date: 2009-12-10 13:33 $
*$LastChangedBy: thiago.diezel $
*$HeadURL: http://.../style.css $
*/
body {
background:#FFFFFF url(../images/bg_body.gif) repeat-x;
color:#555555;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
a {outline:none}
#container {
margin:0 auto;
width:962px;
}


/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_  HEADER  -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

#header {
height:135px;
margin-left:35px;
}
#header div#logo {
height:126px;
position:absolute;
width:286px;
}
#header div#menu {
position:absolute;
margin-left:286px;
z-index:10;
}
#header div#menu ul {
display:inline;
}
#header div#menu ul li {
float:left;
list-style-type:none;
}
#header div#menu ul li a {
display:block;
height:60px;
outline:none;
position:relative;
text-indent:-9999px;
z-index:10;
}
#header div#st-aidez {
background:url(../images/st-aidez.gif) no-repeat;
height:72px;
margin:63px 0 0 320px;
position:absolute;
text-indent:-9999px;
width:305px;
z-index:0;
}
#header div#don {
display:none;
height:87px;
margin:45px 0 0 640px;
position:absolute;
width:285px;
z-index:0;
}
#event{
margin:10px 0 0 30px;
position:absolute;
width:285px;
z-index:100;
font-size:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
border:3px solid yellow;
padding:5px;
background-color:pink
}
#event a{
text-decoration:none;
}
#event div{
text-align:center;
font-size:16px;
}
#bt-accueil {
background:url(../images/buttons/bt-accueil.png) no-repeat;
width:89px;
}
#bt-nouvelles {
background:url(../images/buttons/bt-nouvelles.png) no-repeat;
width:112px;
}
#bt-profil {
background:url(../images/buttons/bt-profil.png) no-repeat;
width:79px;
}
#bt-mission {
background:url(../images/buttons/bt-mission.png) no-repeat;
width:88px;
}
#bt-objectifs {
background:url(../images/buttons/bt-objectifs.png) no-repeat;
width:98px;
}
#bt-contactez {
background:url(../images/buttons/bt-contactez.png) no-repeat;
width:173px;
}
#bt-accueil:hover, #bt-nouvelles:hover, #bt-profil:hover, #bt-mission:hover, #bt-objectifs:hover, #bt-contactez:hover {
background-position:0 -60px
}

/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_  INDEX PAGE CONTENT  -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

#index-main {
background:url(../images/index-main.png) center top no-repeat;
height:333px;
margin-top:31px;
width:960px;
}
#index-main div#video {
height:272px;
margin:10px 0 0 239px;
position:absolute;
width:480px;
}
#txt-intro {
height:100px;
margin:-34px auto 0 auto;
width:476px;
}
#txt-intro div#white-txt {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
position:absolute;
text-align:center;
width:476px;
}
#txt-intro div#green-txt {
color:#778700;
font-size:16px;
font-weight:bold;
margin:1px 0 0 -1px;
position:absolute;
text-align:center;
width:476px;
}
#index-footer {
color:#b7b7b7;
font-size:11px;
margin:30px 34px 0 0;
text-align:right;
}
#index-footer a{
color:#b7b7b7;
text-decoration:none;
}
#index-footer a:hover{
text-decoration:underline;
}

/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_  CONTENT LEFT  -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/


#left-column {
background:url(../images/bg_content.png) left top no-repeat;
color:#555555;
float:left;
min-height:271px;
height:auto;
margin:28px 0 0 0;
padding:34px 12px;
width:556px;
}
#left-column h1#nouvelles {
background:url(../images/tt-nouvelles.png) left top no-repeat;
height:21px;
margin:6px 0 0 29px;
text-indent:-9999px;
width:118px;
}
#left-column h1#nouvelles {
background:url(../images/tt-nouvelles.png) left top no-repeat;
height:21px;
margin:6px 0 0 29px;
text-indent:-9999px;
width:118px;
}
#left-column h1#profil {
background:url(../images/tt-profil.png) left top no-repeat;
height:22px;
margin:5px 0 0 29px;
text-indent:-9999px;
width:64px;
}
#left-column h1#objectifs {
background:url(../images/tt-objectifs.png) left top no-repeat;
height:26px;
margin:1px 0 0 29px;
text-indent:-9999px;
width:105px;
}
#left-column h1#mission {
background:url(../images/tt-mission.png) left top no-repeat;
height:21px;
margin:6px 0 0 29px;
text-indent:-9999px;
width:84px;
}
#left-column h1#contactez {
background:url(../images/tt-contactez.png) left top no-repeat;
height:21px;
margin:6px 0 0 29px;
text-indent:-9999px;
width:193px;
}
#left-column h1#merci {
background:url(../images/tt-merci.png) left top no-repeat;
height:26px;
margin:6px 0 0 29px;
text-indent:-9999px;
width:212px;
}
#left-column h3 {
color:#00718f;
font-size:28px;
margin-top:24px;
}
#left-column p {
line-height:17px;
margin:17px 0 34px 0;
}
#left-column ul {
margin:8px 0 20px 0;
}
#left-column ul li {
background:url(../images/bullet.gif) left top no-repeat;
height:17px;
margin-left:18px;
padding-left:9px;
}
#left-column div.frame-nouvelle div.date {
background:url(../images/bg-date.gif) left top no-repeat;
color:#FFFFFF;
font-size:11px;
height:15px;
margin:40px 0 0 0;
padding:2px 5px 0 0;
position:relative;
text-align:right;
width:87px;
z-index:10;
}

#left-column div.frame-nouvelle div.image div.picture {
margin:0 0 0 27px;
position:absolute;
z-index:0;
}
#left-column div.frame-nouvelle div.image div.frame {
background:url(../images/frame-nouvelle.png) left top no-repeat;
height:129px;
margin:-4px 0 0 24px;
position:absolute;
width:128px;
z-index:5;
}
#left-column div.frame-nouvelle div.text {
width:400px;
margin:0 0 0 162px;
}
#left-column div.frame-nouvelle div.text-no-image {
width:520px;
margin:10px 0 0 16px;
}
#left-column div.frame-nouvelle h2.title {
color:#00718f;
font-size:22px;
margin:0;
}
#left-column div.frame-nouvelle p {
color:#555555;
display:block;
line-height:16px;
margin:0 0 0 0px;
padding:10px 0 15px 0;
}
#left-column div.frame-nouvelle a {
background:url(../images/bg-link.gif) left top no-repeat;
color:#FFFFFF;
cursor:pointer;
display:block;
height:17px;
margin:0 0 0 0px;
padding:4px 22px;
text-decoration:none;
width:83px;
}
#left-column div.frame-nouvelle a:hover {
background-position:left -25px;
}
#left-column input {
background:url(../images/bg-input.gif) left top no-repeat;
border:none;
color:#555555;
display:block;
height:21px;
padding:4px 5px 0 5px;
margin-left:1px;
width:283px;
}
#left-column textarea {
background:url(../images/bg-textarea.gif) left top no-repeat;
border:none;
color:#555555;
display:block;
height:115px;
padding:5px;
margin-left:1px;
width:283px;
}
#left-column table {
margin:30px auto 0 auto;
}
#left-column table p{
margin:0;
}
#left-column a {
color:#007290;
text-decoration:none;
}
#left-column a:hover {
text-decoration:underline;
}
#left-column a#bt-envoyer {
background:url(../images/bg-envoyer.gif) left top no-repeat;
color:#FFFFFF;
cursor:pointer;
display:block;
height:21px;
padding:4px 0 0 19px;
text-decoration:none;
width:65px;
}
#left-column a#bt-envoyer:hover {
background-position:left -25px;
}
#left-column div#lire-nouvelles img{
	background:url(../images/frame-nouvelle.png) no-repeat;
	width:106px;
	height:88px;
	padding:8px 15px 33px 7px;
}


/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_  CONTENT RIGHT  -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/


#right-column {
float:right;
height:auto;
margin:88px 0 0 26px;
padding:0 2px;
width:352px;
}
#right-column p {
line-height:22px;
margin-bottom:30px;
padding:0 20px;
}
#right-column div.right-gray {
width:294px;
margin-bottom:20px;
}
#right-column div.right-gray div.gray-top {
background:url(../images/bg_gray_top.gif) left top no-repeat;
height:21px;
}
#right-column div.right-gray div.gray-middle {
background-color:#e6e6e6;
height:auto;
padding:0 18px;
}
#right-column div.right-gray div.gray-middle h1#notre-profil {
background:url(../images/notre-profil.gif) left top no-repeat;
display:block;
height:18px;
text-indent:-9999px;
width:103px;
}
#right-column div.right-gray div.gray-middle h1#notre-mission {
background:url(../images/notre-mission.gif) left top no-repeat;
display:block;
height:15px;
text-indent:-9999px;
width:121px;
}
#right-column div.right-gray div.gray-middle h1#nos-objectifs {
background:url(../images/nos-objectifs.gif) left top no-repeat;
display:block;
height:18px;
text-indent:-9999px;
width:111px;
}
#right-column div.right-gray div.gray-middle p {
line-height:16px;
margin:0;
padding:18px 0;
}
#right-column div.right-gray div.gray-down {
background:url(../images/bg_gray_down.gif) left top no-repeat;
height:27px;
}
#right-column div.right-gray div.gray-down a{
color:#FFFFFF;
display:block;
font-weight:bold;
padding:5px 0 0 172px;
text-decoration:none;
}


/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_  FOOTER  -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

#footer {
background:url(../images/bg-footer.png) center bottom repeat-x;
height:374px;
}
#footer div#polaroids {
height:374px;
margin:0 auto;
position:relative;
width:773px;
z-index:10;
}
#footer div#polaroids div#pic-left {
margin:44px 0 0 24px;
position:absolute;
}
#footer div#polaroids div#pic-center {
margin:34px 0 0 267px;
position:absolute;
}
#footer div#polaroids div#pic-right {
margin:42px 0 0 538px;
position:absolute;
}
#realisation {
margin:-15px auto 20px auto;
width:962px;
}

#errms {
color:#682B2B; 
font-size:11px; 
font-weight:bold
}
.clear {clear:both}
.bold {font-weight:bold}
.hidden {display:none !important}
.front {position:absolute; z-index:100}
.back {position:absolute; z-index:0}
.light-blue {color:#01aad7}