/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background:#212121;
}

/*IE 6 correction for png files*/
img {
	behavior:	url("pngbehavior.htc");
}
/*site structure*/
/*the container div inlcudes all the elements of the page */
#container{
text-align: left;
background:#212121;
/*width: 963px !important;*/
width: 1000px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding-left:0px;
padding-top: 0px;
margin-top:10px;
left:0px;
top:0px;
position:relative;

} 

#sub_cont{
background:#FFFFFF;
width: 1000px;
margin-top:40px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
position:relative;
height:auto;
border-top-width:10px;
}
/*
The structure for the main page includes the following elements: left, right, content, content2, top, banner, pic, down.
The structure for the interior pages (page_int.html) includes the following elements: top, nav, autresinfos, contentint, commentaires, relatives, down.
*/

#left{
float:left;
width:469px;
background: #000000 no-repeat;
height:700px;

}
#lefte{
float:left;
width:460px;
background: #000000 no-repeat;
margin-left:10px;

}

#leftg{
float:left;
width:469px;
background: #000000 no-repeat;
height:800px;
}

#right{
float:left;
width:469px;
background: #000000; no-repeat;
margin-left:5px;
height:700px;
}
 
#rightg{
float:left;
width:469px;
background: #000000; no-repeat;
margin-left:5px;
height:800px;
} 
/*left contents*/

#title{
float:none;
width: 380px;
margin-top:25px;
margin-left:20px;

}
/*se puede borrar*/
#subtitle{
float:none;
margin-top:30px;
margin-left:20px;

}

#line{
float:none;
margin-top:20px;
margin-left:20px;
}
#line2{
float:none;
margin-top:40px;
margin-left:20px;
}

#text{
float:none;
width:380px;
margin-top:20px;
margin-left:20px;
}

#button1{
float:left;
margin-top:82px;
margin-left:20px;

}
#button2{
float:left;
margin-top:78px;
margin-left:10px;

}

#button1r{
float:left;
margin-top:40px;
margin-left:20px;
margin-bottom:20px;

}
#button2r{
float:left;
margin-top:38px;
margin-left:10px;
margin-bottom:20px;

}

#images{
float:none;
margin-top:90px;
margin-left:35px;
}

#gotogallery{
float:none;
margin-top:20px;
margin-left:40px;
}

#questions{
float:none;
margin-top:20px;
margin-left:20px;
width:380px;
}


/*right contents*/

#img_right{
float:none;
margin-top:180px;

}
#img_rightbravo{
float:none;
margin-top:130px;

}

#logo{
margin-top:20px;
margin-left:20px;
}

#tabla{
background:#FFFFFF;
margin-top:60px;
margin-left:auto;
margin-right:auto;
}
#table_photos{

margin-top:65px;
margin-left:auto;
margin-right:auto;
}
#insig{
width:125px;
height:194px;
position:absolute;
top: 35px; 
left: 880px; 
}
#affiche{
margin-top:50px;
}
/*Text content formating */
.titleppal{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color:#D80F10;
}
.subtitleppal{
font-family:Arial, Helvetica, sans-serif;
font-size:27px;
color:#A0FAFE;
}
.contentsty{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.gotosty{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.reponses{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#757575;
}
.response{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.responsebonne{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#D80F10;
}
.numeration{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.choosen{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#D80F10;
}