/* --------------------------------------------------------
    Main stylesheet
    Site: ventilAS
    Created by: Martin Gauthier - martin@codemountain.ca
	Filename: css/main.css
   -------------------------------------------------------- */
/* -------------------------------------------
		TEXT - LINKS - TITLES - USED for WYSIWYG
 -------------------------------------------*/

body	{
	background-color:#82d7f7;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../../img/back-1.gif);
	background-repeat:repeat-x;
	background-position: center top;
	color:#454242;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	padding:0;
	margin:0;
	text-align: center; padding-bottom:30px}

:focus { outline: none;}
div, p {margin:0;padding:0}

p{font-size:12px; line-height:16px; }
p.small1{font-size: 11px;}
p.large1{font-size: 19px; font-weight: bold; text-align: justify;line-height: 20px; margin-top: 20px;}

p.p1{font-size: 16px; line-height: 22px; text-align: left}

.red1{color:#cb1f26}
a:link, a:visited, a:active	 {color:#cb1f26; text-decoration:none; outline:none; font-weight:normal; font-style: normal}
a:hover{color:#cb1f26; text-decoration:underline; outline:none;font-weight:normal}

a.dark1:link, a.dark1:visited, a.dark1:active	 {color:#414141; text-decoration:none; outline:none; font-weight:normal; font-style: normal}
a.dark1:hover{color:#cc0000; text-decoration:underline; outline:none;font-weight:normal}

h1	{font-size:18px;margin:0;padding:0;font-weight:bold;line-height:30px; border-bottom: 1px solid #414141}
h2	{font-size:14px;margin:0;padding:0; margin-top:20px; color:#cc0000; font-weight:bold; line-height:25px; text-transform: uppercase; border-bottom: 1px solid #cc0000; margin-left:18px; width:313px;}


ul{margin:0; padding:0}
ul.list1{margin-top: 20px; margin-left:20px;}
ul.list1 li{font-size: 16px;  line-height: 22px;}
/* -------------------------------------------
		COMMON DEFINITIONS
		WEBSITE STRUCTURE
 -------------------------------------------*/
.center_container {margin-left:auto; margin-right:auto;text-align:center;position:relative;width:785px !important; width:785px; border:0px solid green; background-color: transparent}

.content1{margin-left:auto; margin-right:auto;text-align:left;position:relative;width:765px !important; width:765px; border:0px solid green; background-color: #fff; z-index: 10;height: 435px; }

.clearall{clear: both; height: 0; width: 0}

#main_container{margin-top:72px;margin-bottom:30px;}
#top_container{position: relative; width: 100%; height:114px; border: 0px solid #000; background-image: url(../../img/back-top1.gif); background-repeat: no-repeat}
	#logo{position: absolute;top:-30px; left:20px;}
	#infos{position: absolute; top:20px; right:30px; text-align: right; font-size:14px; line-height: 20px; color:#fff; font-weight: bold}
	

#mid_container{position: relative; margin-top: 6px; width: 100%; height:114px; border: 0px solid #000; background-image: url(../../img/back-right1.gif); background-repeat: no-repeat; background-position: top right; height: 330px;}
	.content2{width: 217px; position: absolute; top:0px; right:0px; text-align: left}
	#menu{position: absolute; left:0; top:0; background-image: url(../../img/back-menu1.gif); background-repeat: no-repeat; width: 230px; height: 326px;}
		#facebook{position: absolute; top:285px; left:25px;}

#bot_container{position: relative; width: 100%; height: 70px; background-image: url(../../img/back-bot1.gif); background-repeat: no-repeat;}
	#bot_container p{width: 100%; text-align: center; font-size: 18px; color: #fed500; padding-top:27px; text-transform: uppercase; font-weight: normal;line-height: 20px;}


/* -------------------------------------------
   global menu navigation styling
  
 -------------------------------------------*/
#menu #topnav{text-align: left; font-size: 14px; line-height: 25px; margin:0; padding:0; margin-top:30px; margin-left:25px; padding-left:0}
#menu #topnav li{list-style: none; background-image: url(../../img/icn_bullet1.gif); background-repeat: no-repeat; background-position: left; padding-left:35px;}

#menu #topnav li a:link, 
#menu #topnav li a:visited, 
#menu #topnav li a:active {color:#333; text-decoration:none; outline:none; font-weight:bold; font-style: normal}
#menu #topnav li a:hover {color:#d43720; text-decoration:none; outline:none;font-weight:bold}

#menu.nav-home #topnav li#nav-home a,
#menu.nav-services #topnav li#nav-services a,
#menu.nav-galerie #topnav li#nav-galerie a,
#menu.nav-medailles #topnav li#nav-medailles a,
#menu.nav-lettres #topnav li#nav-lettres a,
#menu.nav-calendrier #topnav li#nav-calendrier a,
#menu.nav-dessins #topnav li#nav-dessins a {color:#d43720; }

#infos a:link, 
#infos a:visited, 
#infos a:active	 {color:#fff; text-decoration:none; outline:none; font-weight:bold; font-style: normal}
#infos a:hover{color:#fed500; text-decoration:underline; outline:none;font-weight:bold}

/* -------------------------------------------
	home styling
	
 -------------------------------------------*/
 #player-holder{position: absolute; top:-196px; left:213px;}
#totoche{position: absolute; top:-66px; left:183px;}
 #home .content2{width: 307px; top:47px;}
 #home p.p1{margin-left:3px; margin-top:10px;}
 /* -------------------------------------------
	services styling
	
 -------------------------------------------*/
#serveurs{position: absolute; top:-50px; left:151px;}
  #services .title{margin-top:80px;}
  #services .content2{width:265px;}  
  
 /* -------------------------------------------
	medailles styling
	
 -------------------------------------------*/
#medaillesimg{position: absolute; top:-65px; left:151px;}
  #medailles .title{margin-top:80px;}
  #medailles .content2{width:265px;}    
   #medailles .content2 p.p1{ margin-top:10px;}
   
 /* -------------------------------------------
	lettres styling
	
 -------------------------------------------*/
#lettresimg{position: absolute; top:-33px; left:168px;}
  #lettres .title{margin-top:125px;}
  #lettres .content2{width:265px;}    
   #lettres .content2 p.p1{ margin-top:10px;}   
   
 /* -------------------------------------------
	calendrier styling
	
 -------------------------------------------*/
#calendrierimg{position: absolute; top:-70px; left:231px;}
  #calendrier .title{margin-top:111px;}
  #calendrier .content2{width:250px;}    
   #calendrier .content2 p.p1{ margin-top:19px; font-size: 14px; line-height: 20px;}      
   
   /* -------------------------------------------
	dessins styling
	
 -------------------------------------------*/
#dessinsimg{position: absolute; top:10px; left:251px;}
  #dessins .title{margin-top:48px;}
  #dessins .content2{width:265px;}   
     #dessins .content2 p.p1{ margin-top:19px; }      
   /* -------------------------------------------
	contact styling
	
 -------------------------------------------*/
 #portrait{position: absolute; bottom:-20px; left:-10px;}
 
 div.rightContent{width: 425px; position: absolute; top:0; right:10px; border: 0px solid #000; text-align: center}
  div.rightContent p { font-size: 22px; font-weight: bold; line-height: 24px; margin-bottom: 60px;}
  
 
  /* -------------------------------------------
	galerie styling
	
 -------------------------------------------*/
  #photo_large{position: absolute; top:0px; right:2px}
  #galerie #mid_container{background-image: none}
  #photo_index{position: absolute; left:239px; top:0px; width: 315px;}
	#galerie h3{color:#cf3d59; margin:0; padding:0; text-align: left; margin-bottom:10px; font-size: 14px;}
	.pg_paging{font-size:12px; }
	
#largest_container{position: absolute; top:0px; left:237px; width: 546px; height: 327px; }
 #photo_largest{ position: absolute; top:0; left:0}
 #prev2, #next2{position: absolute; bottom:20px; left:500px; cursor: pointer}
 #prev2{left:460px;}	
/* -------------------------------------------
	realisations styling
	
 -------------------------------------------*/

 #globaltop.nav-realisations {margin-bottom: 0; }
#realisations_content{height: 500px;} 
#neuves1{margin-bottom:10px;}
img.thumbs{cursor: pointer; margin-bottom: 2px; border: 2px solid #cf3d59; margin-right: 4px;}
	img.thumbs:hover{border:2px solid #29d5ff}
.quote{font-size: 18px;} 
.folionav{cursor: pointer}