/* CSS Document */

body{	background-color: #FFFFFF;	margin: 0px;	padding: 0px;	text-align: center;	line-height: 1.5em;	background-image: url(../images/background.jpg);	background-repeat: no-repeat;	background-position: right 0px;}
body,TD{	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000000;	vertical-align: top;	font-size: 10px;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help;}

/*
h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-style: italic;
	color: #000000;
	margin: 0px;
	padding: 25px 0px 7px;
	display: block;
}
*/

h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-style: italic;
	color: #000;
	/*padding: 25px 0px 7px;
	display: block;*/
	line-height: 1em;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
/*
h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	padding: 0px;
	margin: 7px 0px 0px;
	letter-spacing: 1px;
	display: block;
	margin: 0px;
	padding: 0px;
}
*/
h2{	font-family: "Times New Roman", Times, serif;	font-size: 18px;	font-style: italic;	margin: 0px;	padding: 0px;}
h2#videoTitle{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: left;
	text-indent: 4px;
}

p.minimal{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
p.chapo{
	margin: 0px 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

form{	text-align: left;	margin: 0px;	padding:0px;}
TD{text-align: left;}
ul,li{	margin: 0px;	padding: 0px;	list-style-type: none;}

span.orange{	color:#FF9933;}

/* conteneur */
#wrap{	width:923px;	margin-right: auto;	margin-left: auto;}



/* header */
.header{	height: 129px;}
h2#titre1{color: #495FAA;}
h2#titre2{color: #FF9933;}
h2#titre3{color: #66CC33;}


TD.logo{width:145px;}
TD.logo img{	padding: 0px;	margin-top: 12px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 20px;}
TD.tetiere{	width: 228px;	padding-top: 25px;}
TD.connexion{	width: 550px;	font-size: 12px;	padding-top: 27px;}

.tabConnect{	margin-top: 5px;width:260px;}
.tabConnect TD {color: #CCCCCC;}
div#tetiere{	/*font-size: 18px;*/color: #000000;line-height: 1em;}
div#tetiere p{	/*font-size: 18px;*/	color: #000000;	margin: 0px 0px 6px;	padding: 0px;}


input.formChamps{
	background-color: #ccc;
	width: 94px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	margin-right: 8px;
	border-top: 4px solid #ccc;
	border-right: 5px solid #ccc;
	border-bottom: 4px solid #ccc;
	border-left: 5px solid #ccc;
}

/* séparateurs tirets */ 
div.sep{
	margin-left: 16px;
	width:535px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #66CC33;
	display: block;
	height:40px;
}
div.sep634{
	width:634px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #66CC33;
	display: block;
	height:40px;
}
div.sep518{
	margin-left: 165px;
	width:518px;
	height:30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	display: block;
}

/* central */
TD.col1{width:145px;}
TD.col2{width:178px;}
TD.col3{width:50px;line-height: 1em;}
TD.col4{width:178px;}
TD.col5{width:50px;	line-height: 1em;}
TD.col6{width:178px;}
TD.col7{width:145px;	line-height: 1em;}
TR.filets TD.col2{border-bottom-width: 15px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;background-color: #495FAA;}
TR.filets TD.col4{border-bottom-width: 15px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;background-color: #FF9933;}
TR.filets TD.col6{border-bottom-width: 15px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;background-color: #72B62D;}

#vert{	height:15px;	background-color:#72B62D;	margin-top: 41px;	margin-bottom: 15px;}



/* titres */
div.instit{
	width:567px;
	background-color: #495faa;
	margin-left: 130px;
	margin-bottom: 20px;
}
div.enbref{
	width:567px;
	background-color: #FF9933;
	margin-left: 130px;
	margin-bottom: 20px;
}
div.competences{
	width:553px;
	margin-left: 144px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ff9933;
	padding-top: 8px;
	margin-bottom: 40px;
}
div.competences-2{
	width:553px;
	margin-left: 144px;
	padding-top: 8px;
	margin-bottom: 40px;
}
div.contact{
	width:567px;
	background-color: #72B62D;
	margin-left: 130px;
	margin-bottom: 20px;
}
div.videoTitleDyn{
	width:567px;
	background-color: #72B62D;
	margin-left: 130px;
	margin-bottom: 20px;
}
div.solutions{
	width:567px;
	background-color: #72B62D;
	margin-left: 130px;
	margin-bottom: 20px;
}
div.actu{
	width:567px;
	background-color: #FF9933;
	margin-left: 130px;
	margin-bottom: 20px;
}
div.offre{
	width:567px;
	background-color: #FF9933;
	margin-left: 130px;
	margin-bottom: 20px;
	margin-top: 20px;
}




/* footer */
TD.footer{padding-top:10px;	text-align: center;}
img.pictoFooter-1,img.pictoFooter-2,img.pictoFooter-3{border-bottom-width: 15px;	border-bottom-style: solid;margin-top: 40px;	border-top-width: 2px;	border-top-style: solid;}
img.pictoFooter-1{	border-bottom-color: #495FAA;	border-top-color: #495FAA;}
img.pictoFooter-2{	border-bottom-color: #FF9933;	border-top-color: #FF9933;}
img.pictoFooter-3{	border-bottom-color: #72B62D;	border-top-color: #72B62D;}


/* news */
#actu_container{margin-left: 140px;margin-right: 220px;	margin-bottom: 20px;font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align: top;	font-size: 10px;}
/*
#actu_container div{
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E0DFE3;
}
*/
#actu_container h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}
#actu_container h2 a{	color: #fff;	background-color:#495fAA;	padding: 0px 15px 0px 5px;	text-decoration: none;}
#actu_container h2 a:hover{color: #495fAA;background-color:#FFF;padding: 0px 15px 0px 5px;border-top: 1px solid #495fAA;}
#actu_container div a{text-decoration: underline;color: #495fAA;}
#actu_container div a:hover{text-decoration: overline;color: #495fAA;}
#actu_container div img{
	text-decoration: overline;
	margin: 10px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



/* solutions web */ 

span.cap_blanc{	font-variant: small-caps;	color: #FFFFFF;}

.tarifSolutions,.tarifOffre{	width:538px;	margin-left: 155px;}
.tarifOffre{margin-bottom: 14px;}
.tarifSolutions h3,.tarifOffre h3{	background-color: #72B62D;	display: inline;	font-size: 12px;	padding-left: 10px;}
.tarifSolutions TD,.tarifOffre TD{	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;	padding: 1px;}
.tarifSolutions TD.col1{	width:324px;padding-left:10px;}
.tarifSolutions TD.col2{	width:37px;	color: #72B62D;}
.tarifSolutions TD.col3{	width:50px;color: #FFFFFF;	background-color: #72B62D;	text-align: right;}
.tarifSolutions TD.col4{	width:87px;color: #72B62D;	padding-left: 20px;}

.tarifOffre TD.col1{	width:360px;padding-left:10px;}
.tarifOffre TD.col1Desc{	width:360px;padding-left:10px;padding-bottom:14px;}
.tarifOffre TD.col2{	width:198px;color:#72B62D;}
.tarifOffre TD span.color {color: #72B62D}
.tarifOffre h3.prix{	background-color: #72B62D;	display: inline;	font-size: 12px;	padding-left: 5px;	color:#FFFFFF;	margin-right: 2px;}

p#notaBene{	margin-left: 165px;	padding-top: 10px;	border-top-width: 1px;	border-top-style: dashed;	border-top-color: #ccc;	width:517px;	margin-bottom: 20px;}


/* nos films  */ 

div.separateur{	height: 1px;	margin-top: 800px;	margin-bottom: 0px;	font-size: 1px;	line-height: 1px;}
p.anchorTop{
	margin-left: 640px;
	height:50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
p.anchorTop a{	color: #FFF;	background-color:#495fAA;	padding: 0px 15px 0px 5px;	text-decoration: none;}
p.anchorTop a:hover{color: #495fAA;background-color:#FFF;padding: 0px 15px 0px 5px;border-top: 1px solid #495fAA;}


/* listes */
ul.instit{	border-bottom-style: dashed;	border-bottom-width: 1px;	border-bottom-color: #495FAA;	padding-bottom: 15px;	margin-left: 166px;	margin-bottom: 40px;	width:530px;}
ul.breves{	border-bottom-style: dashed;	border-bottom-width: 1px;	border-bottom-color: #495FAA;	padding-bottom: 15px;margin-left: 166px;	margin-bottom: 40px;	width:530px;}
ul.offres1{	padding-bottom: 15px;	margin-left: 166px;	margin-bottom: 10px;	width:530px;}
ul.instit li{	background-image: url(../images/puceBleue2.gif);	background-repeat: no-repeat;	background-position: 0px 6px;	padding-left: 10px;}
ul.instit a{color: #FFF;	background-color:#495fAA;	padding: 0px 15px 0px 5px;	text-decoration: none;}
ul.instit a:hover{color: #495fAA;background-color:#FFF;padding: 0px 15px 0px 5px;border-top: 1px solid #495fAA;}
ul.breves li{
	background-image: url(../images/puceBleue2.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;	
}
ul.offres1{padding-top: 10px;}
ul.offres2{	padding-top: 10px;	margin-top: 61px;	border-top-width: 4px;	border-bottom-width: 1px;	border-top-style: solid;	border-bottom-style: dashed;	border-top-color: #FF9933;	border-bottom-color: #FF9933;padding-bottom: 15px;
}
ul.offres1 li{	background-image: url(../images/puceOrange2.gif);	background-repeat: no-repeat;	background-position: 0px 6px;	padding-left: 10px;}
ul.offres2 li{	padding-left: 10px;}


ul.adresse{padding-top: 0px;padding-bottom: 15px;}
ul.adresse li{	padding-left: 15px;}
ul.adresse li.tel{	background-image: url(../images/tel.gif);	background-repeat: no-repeat;	background-position: 3px 0px;}
ul.adresse li.mail{	background-image: url(../images/enveloppe.gif);	background-repeat: no-repeat;	background-position: 0px 3px;}




/* credits */
#credits{	padding-left: 15px;}


/* navigation */
#navcontainer{	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;	margin-left:84px;	margin-right: 145px;	margin-top: 15px;	margin-bottom: 40px;	text-align: left;	padding-left:10px;
	border-bottom: 1px dashed #495fAA;
	border-top: 1px dashed #495fAA;
}


#navlist{padding: 3px 0;margin-left: 0;font: 12px Verdana, sans-serif;text-transform: uppercase;color: #FFFFFF;}
#navlist li{list-style: none;margin: 0;display: inline;}
#navlist li a{	padding: 3px 0.5em;	margin-left: 3px;	border: 1px solid #495fAA;	border-left:none;	border-right:none;	border-bottom: none;	background: #495fAA;	text-decoration: none;	color: #FFF;}

#navlist li a:link { color: #FFF; }
#navlist li a:visited { color: #FFF; }
#navlist li a:hover{color: #FFF;background: #999999;border-color: #999999;}
#navlist li a#active{border: 1px solid #495fAA;border-left:none;border-right:none;border-bottom: 1px solid white;background: #FFF;color: #495fAA;}


/* lecteur */

div.viodeoBloc{margin: 10px 160px 10px 145px;	padding: 10px 0px 0px 10px;	border-bottom: 1px dashed #CCC;}
div.viodeoBloc img{	border: 1px solid #000;	margin-right: 10px;	margin-bottom: 10px;}
div.viodeoBloc p{	margin-bottom: 10px;	padding: 0px;	margin-top: 0px;}
div.viodeoBloc a{	color: #FFF;	background-color:#495fAA;	padding: 0px 15px 0px 5px;	text-decoration: none;}
div.viodeoBloc a:hover{color: #495fAA;background-color:#FFF;padding: 0px 15px 0px 5px;border-top: 1px solid #495fAA;}
div.viodeoBloc .videoDate{	color: #CCCCCC;	margin-left: 15px;}
div.lecteurBloc{	margin: 10px 0px 10px 0px;	padding: 0px;display: block;}
.tabVideos{	margin-bottom: 40px;	width:923px;}

