/* @override 
	http://localhost:81/ComColors/nouveau/css/styles.css
	http://www.comcolors.com/css/styles.css
*/

@CHARSET "UTF-8";

/*****Reset*****/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****
	  Basic Elements
	  Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
*****/  
  
body { 
	color: #525568;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .7em; 
	text-align: center; 
}

a:link, a:visited { color: #006ab3; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

label { display: block; font-weight: bold; margin-bottom: 10px; }

h1 img { margin-top: 35px; }
  
h2 { 
	color: #f29400; 
	font-size: 1.2em; 
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 43px; 
}
h2 span { font-weight: bold; }

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #f29400; text-decoration: none; }

p { margin-bottom: 10px; }
/*****
	  Generic Classes
	  Define styles for simple things like floating to the sides, removing a bottombottom margin on elements, etc  
	  Yes, these may not be as semantic as we would all like, but they are necessary for coding efficiently  
*****/ 

.f-left { float: left; } 
 
.f-right { float: right; }

.center-layout { margin: 0 auto; width: 960px; }

.clear	{ clear: both; }

p.display-all { text-align: right; }

.border-grey { border-right: 1px solid #e9e9e9; }

p.current a:link, p.current a:visited { color: #525568; }

.orange { color: #f29400; }

.uppercase { text-transform: uppercase; }

.border-bottom-dotted { 
	background: #ffffff;
	border-bottom: 1px dotted #b0b0b0; 
	margin-bottom: 10px; 
	padding: 10px 0 0 0; 
}

/*****
	  Basic Layout
	  Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 
*****/ 

#header, #content, #footer, #secondary-login, #content-next { text-align: left; width: 100%; }

#header { background: #f2f2f2 url("body-top-bg.jpg") top repeat-x;  }

#content { background: url("mini-tranche-blue.jpg") top repeat-x;
	height: 380px;
}

#footer { background: url("tranche-blue.jpg") top repeat-x; margin-top: 43px; }

#secondary-login { background: #f1f1f1; height: 30px; }

ul#pagination { 
	clear: both;
	margin: 0 auto 0 auto;
	width: 430px;
}

ul#pagination li { 
	float: left;
	border-right: 1px solid #535669;
	margin-top: 30px;
	text-align: center;
	width: 40px;
}

ul#pagination li.pagination-number { 
	width: 25px;
}

ul#pagination li#pagination-last { 
	border: none;
}

ul#pagination li a:link, ul#pagination li a:visited { 
	color: #535669; 
}

ul#pagination li a:hover, ul#pagination li a:active, ul#pagination li a#pagination-active  { 
	color: #f39203;
	font-weight: bold;
	text-decoration: none;
}

/*****
	  Header
	  Define all elements in the header
*****/  

#fixe-layout {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	width: 960px;
}

#intra-header {
	background: url("bande-multicolor.jpg") top no-repeat;
}

#header-illustration { background: url("../medias/img/pic-random.jpg") bottom no-repeat; height: 274px; width: 410px;}

a#logo { display: block; float: left; margin-top: 17px; margin-bottom: 49px; }

#login-box {
	background: url("bg-login.jpg") no-repeat;
	float: right;
	height: 67px;
	left: 0;
	margin-top: 280px;
	margin-left: -1510px;
	position: absolute;
	width: 1927px;
	z-index: 10;
}

#login-box form { color: #ffffff; float: right; margin-top: 10px; padding-right: 33px; width: 380px; }

#login-box form div { }

#login-box input#email, #login-box input#pass {
	background: url("bg-textarea.jpg") no-repeat;
	border: none; 
	height: 22px;
	margin-right: 18px;	
	padding-left: 3px;
	padding-top: 4px;
	width: 150px;
}


#login-box form input#send {
	background: url("bg-btn-ok.jpg") no-repeat 0;
	border: none; 
	color: #000000;
	cursor: pointer;
	font-weight: bold;
	height: 26px; 
	width: 30px;
}

#intra-secondary-login { padding-right: 30px; }


#intra-secondary-login div { width: 288px; }


#intra-secondary-login form input#email,
#intra-secondary-login form input#pass { 
	background: url("input-grey.jpg") no-repeat;
	border: none;
	color: #858585;
	float: left; 
	height: 21px;
	margin-right: 20px;
	margin-top: 5px;
	padding-left: 5px; 
	width: 103px; 
}

#intra-secondary-login form input#send { 
	background: url("btn-ok-grey.jpg") center no-repeat;
	border: none; 
	color: #858585;
	cursor: pointer;
	float: right;
	height: 21px;
	margin-top: 5px;
	text-align: center; 
	width: 30px; 
}
 
	
/*****	
	  Content
	  Define all elements in the content area
*****/  
  
#intra-content {
	background: url("mini-bande-multicolor.jpg") top no-repeat;
	padding-top: 3px;
}

#intra-content-next {
	margin-top: 15px;
}

/* @group Accueil anglais */
.video_intro {
	width: 480px;
	float: left;
	height: 295px;
	margin-top: 15px;
}
.colonne_droite {
	width: 450px;
	float: right;
	height: 295px;
	margin-top: 15px;
	font-size: 15px;
	
}


.colonne_droite div img {
	float: right;
}
.colonne_droite div p {
	margin-top: 15px;
}
.colonne_droite div  {
	font-size: 12px;
	line-height: 14px;
}
.colonne_droite ul  {
	font-size: 15px;
	float: left;
	clear: both;
	padding: 0;
	margin: 10px 0 0;
	
}
.colonne_droite h3 {
	margin-bottom: 0;
	font-size: 17px;
	margin-top: 10px;
}
.conferences  li {
	margin-top: 5px;
}
.conferences  li strong {
	margin-right: 20px;
	font-size: 17px;
}
.conferences  li span {
	vertical-align: middle;
}
.conferences  li img {
	vertical-align: middle;
	margin-right: 10px;
}
#newsticker {
			list-style-type: none;
			border: 1px dashed #f29400;
			background: #f2dab5;
			padding: 5px;
			margin: 0 0 5px;
	width: 440px;
	clear: both;
	text-align: center;
}
/* @end */


/*****	
	  Content
	  Define all elements in the content area
	  icon-comcolors.jpg
*****/ 
#accueil-1 { background: url(icon-france3.png) no-repeat 5px 80px; float: left; }
#accueil-2 { background: url("icon-book.jpg") 5px 80px no-repeat; }
#accueil-3 { background: url(icon-movie.jpg) no-repeat 5px 80px; }


#accueil-1, #accueil-2, #accueil-3 { width: 225px; }
#accueil-1, #accueil-2 { margin-right: 10px; }

#accueil-1 h2, #accueil-2 h2 { border-right: 1px solid #f29400; }

#accueil-1 p, #accueil-2 p, #accueil-3 p { padding-left: 86px; padding-right: 10px; }

#accueil-4 { width: 434px; }
#accueil-4 h3 { color: #f26100; float: left; width: 82%; }
#accueil-4 h3 a:link, #accueil-4 h3 a:visited { color: #f26100; }
/*#accueil-4 h3 a:hover, #accueil-4 h3 a:active { text-decoration: none; }*/
#accueil-4 span.h3 { color: #525568; display: block; float: right; font-weight: bold; margin-bottom: 18px; }
#accueil-4 img { border: 1px solid #e5e5e5; display: block; float: right; }

#accueil-5 { width: 404px; }
#accueil-5 ul { margin-top: 64px; }
#accueil-5 ul li { border-bottom: 1px solid #e5e5e5; height: 33px; line-height: 33px; }

#accueil-5 ul li a:link, #accueil-5 ul li a:visited { 
	background: url("btn-lire-suite.jpg") right 0  no-repeat; 
	color: #f26100; 
	display: block;
	font-weight: bold; 
	height: 33px;  
}

#accueil-5 ul li a:hover, #accueil-5 ul li a:active { background: url("btn-lire-suite.jpg") right -33px no-repeat; text-decoration: none; }


	
#seminare-box { 
	background: url("bg-bloc-seminaires.jpg"); 
	float: right; 
	height: 192px; 
	padding: 0 20px; 
	width: 211px; 
}
#seminare-box table { font-size: .9em; }
#seminare-box table p { margin: 0px; }
#seminare-box table tr td.f-l { width: 70px; }
#seminare-box table tr td.f-l span { color: #f26100; }
#seminare-box table tr td.f-r { padding-bottom: 8px; padding-left: 8px; }
#seminare-box table tr td.f-r h3 a:link,  
#seminare-box table tr td.f-r h3 a:visited { color: #525568; font-size: 1.1em; }
#seminare-box table p a:link, #seminare-box table p a:visited { color: #525568; }

#news-sum-up { clear: both; float: left; width: 348px; }

#left-side { min-height: 500px; width: 245px; }

#right-side { min-height: 500px; margin-right: 15px; width: 674px; }

#right-side h1 { 
	background: url("title-onglet.jpg");
	color: #ffffff;
	font-size: 1.2em;
	font-weight: normal; 
	height: 30px; 
	line-height: 30px;
	margin-bottom: 1px;
	text-indent: 10px;
}

#right-side h2 { 
	background: #f1f1f1; 
	height: 40px; 
	line-height: 40px;
	text-indent: 10px;
	margin: 0 0 10px 0px;;
}

form#tri-box { 
	border: 1px dotted #b0b0b0;
	color: #525568;
	height: 85px; 
	margin-bottom: 20px;
	padding: 10px;
	width: 270px; 
}

h3.orange span { text-transform: uppercase; }

.formateur-row { padding: 0 10px; }

form#tri-box select, form input#trier { height: 21px; }

form#tri-box select#pays,
form#tri-box select#region { float: right; width: 189px; }

form#tri-box select#pays,
form#tri-box select#region { margin-bottom: 10px; }


form#tri-box table { width: 100%; }

form#tri-box table td { vertical-align: top; }

form#tri-box table td.t-left { font-weight: bold; padding-top: 5px; width: 72px; }



form#tri-box input#trier { 
	background: #ffffff;
	border: 1px solid #f29400;
	color: #f29400; 
	cursor: pointer;
	float: right;
	font-weight: bold;
	width: 70px; 
}

.number-box { float: right; width: 316px; }

a:link.email-btn, a:visited.email-btn { 
	background: url("btn-email-orange.jpg"); 
	color: #ffffff;
	display: block; 
	float: left;
	font-weight: bold; 
	height: 22px; 
	line-height: 22px;
	margin-right: 15px; 
	text-align: center;
	width: 62px;
}

a:hover.email-btn, a:active.email-btn { 
	text-decoration: none;
}

.number-box p { 
	font-size: 11px;
	text-align: right; 
	width: 316px; 
}

.number-box p span { color: #f29400; font-weight: bold; text-align: right; }

.formateur-row img { 
	background : #f2f2f2;
	border: 1px solid #d8d8d8; 
	display: block;
	float: left;
	margin-top: 6px;
	padding: 0 16px; 
}

.formateur-shortdesc { 
	margin-top: 19px; 
	width: 538px; 	
}

.formateur-shortdesc strong { display: block; margin-bottom: 18px; }

.formateur-shortdesc strong span { text-transform: uppercase; }

.sem-interentreprises-row { background: #f1f1f1; padding: 5px 10px; }
.sem-interentreprises-row h3 { margin-bottom: 20px; }
.sem-interentreprises-row p.encadre { margin-top: 16px; }
.sem-interentreprises-row p, seminaires-shortdesc p { margin: 0; }
.seminaires-shortdesc { background: #e4e4e4; padding: 10px; }
.seminaires-shortdesc h4 { font-weight: normal; }

p.date { font-weight: bold; margin: 0; }

/*****
	  Footer
	  Define all elements in the footer
*****/

#intra-footer {
	background: url("bande-multicolor.jpg") top no-repeat;
	padding-top: 26px;
}

#intra-footer .f-right { text-align: right; }

ul#menu-footer li { float: left; padding: 0 5px; border-right: 1px solid #525568; }
ul#menu-footer li#menu-footer-last { border: none; }

ul#menu-footer li a:link, ul#menu-footer li a:visited{ color: #525568; }